Moving from 1.21 to 1.27 Infobox Broken - mediawiki

http://wiki.armaina.com/index.php/Munin
This is just one page but all of my pages that use the infobox on the right there do this on mediawiki 1.27
http://wiki.armaina.com/index.php/Template:Character
This is the template being used for the infoboxes, this is not the wikipedia infobox, it does not use lua, it worked with 1.21 without any additional mods. (I do not want to install Lua, I shouldn't need it, so please don't suggest that) The function of the infobox is such that, if I don't fill in the value it doesn't display at all, and the images I use are supposed to revert to thumbnail size.
All templates and CSS were copied from the original 1.21 build so all I can figure is that the Wiki code itself changed between versions I just don't know what part specifically changed or where to start looking. I'm just hoping someone maybe knows what's breaking this and what I can do to fix it.
FIXED = Needed parser extension active to work. The parser is installed but is off by default as of mediawiki 1.24. Solution was to add this to localsettings.php.
require_once "$IP/extensions/ParserFunctions/ParserFunctions.php";
$wgPFEnableStringFunctions = true;

You are missing the ParserFunctions extension. Given that it couldn't have worked without that in 1.21 either, you probably made some mistake when copying the old configuration.

Related

How to align code, in PhpStorm / Intellij, using tabs (and not spaces)

I'm trying to setup PhpStorm, so I can simply press: "Reformat Code" ( Option CMD L), before each save - and then it'll make everything look right.
But I have this case, where I don't know how to make PhpStorm make the code right.
This is the code:
As you can see, then indentation is with tabs, but the aligning of the characters are with spaces.
I want it to look like this:
It would be cool to get the solution. But it would be even cooler to be able to figure out, how I could have found the solution myself.
Further info / idea: There is a Php Codesniffer from Squizlabs implemented. So I can fix is automatically by running a sniff fix-command. It would be pretty cool, to be able to automatically setup PhpStorm's Code style settings, to correspond with Squizlabs styles, without having to gradually tune the settings one thing at the time. But I haven't found that functionality.
Solution attempt 1: Read through all Settings >> Editor >> Code style >> PHP
I couldn't find anything that resembled this.
Solution attempt 2: Disable .editorconfig
I've read quite a bit about .editorconfig and it doesn't have these nitty-gritty functions here (as aligning equal signs).
But to make sure, I tried disabling it. Didn't make a difference.
Solution attempt 3: Search setting for 'align' and 'formatting'
But I didn't find anything useful. :-/
Solution attempt 4: Update PhpStorm
I was on PhpStorm version 2022.2.1.
I tried updating to PhpStorm version 2022.2.4.
This is still in progress.
Please show what you have at Settings (Preferences on macOS) | Editor | Code Style | PHP, specifically Tabs and Indents tab.
Checking Use tab character option with unchecked Smart tabs should do just that.
https://www.jetbrains.com/help/phpstorm/2022.3/settings-code-style-php.html#php-specific-formatting-settings-for-tabs-and-indents
(Pro tip: you can copy-paste your code sample in the preview area and start changing the options; the IDE will apply the changes live on the provided code sample instead of the default one.)

Play button not working for #videogular/ngx-videogular v5.0.1

I upgraded my project's Angular version from 9 to 13 recently. Since videogular2 package is no longer supported with this version, I migrated the application to use #videogular/ngx-videogular and I exactly followed process for migration mentioned on the github page.
After migration, it appears my "Play video" button and controls like full screen, video scroll are missing. This is due to absence of class on the DOM. I compared other environments we have before changes and DOM looks a bit different. It doesn't have "vg-icon-play_arrow" on the DOM at all. This is how it looks -
We are maintaining local videogular.css and I see its already imported in style.scss which is correctly mentioned in Angular.json. I am not an expert in front end and not sure how can I find out why this is class "vg-icon-play_arrow" and flex is missing on "div" element "overlay-play-container"
Any suggestions on how to approach finding whats the problem? or what might be solution?
Here is how DOM looks
Note: I already tried using node_modules css which is recommended by #videogular/ngx-videogular by directly using in Angular.json instead of project videogular.css but it gives same results. Also all fonts files are latest as per recommendation

Typo3 template changes are not taking effect

I have a website that is managed by typo3. I modified the alt-text of the site logo in my template (index.html) . Much to my surprise the changes did not take any effect in the frontend. I also deleted the cache but nothing happened?
How can I fix this problem?
Every change in template mapped by TemplaVoila must be confirmed by TemplaVoila module. Click it, find the folder with templates and click "Update Mapping" for template(s) marked by yellow warning sign.
Make sure you've modified the correct template (there can be several templates for a page) by viewing the page's TypoScript object browser and verifying that the desired value actually exists.
If that doesn't help there's probably a mistake in your TS and you should show the relevant portions of your template.

How to add an onload script for MediaWiki

I installed a mediawiki and my version is 1.21.1, now I want to add some code when the page is onload using javascript. I have searched on the Internet and found we can put our scripts on the Common.js file, but I don't found Common.js in my wiki project. I have searched the whole directory and still did not find it.
Anyone could tell me how to achieve my goal?
brightbyte's answer, which worked: Enter MediaWiki:Common.js into the search box of your wiki. It will tell you the page doesn't exist - just create it. Any JS code you put in there will be executed on every page load. Of course, you have to be an administrator to create or edit that page.
This is documented at Manual:Interface/JavaScript; there are similar customisations at Manual:User group CSS and Javascript and Manual:Page customizations.

Is it possible to save changes in Firebug locally?

What I'm trying to do is to save the changes I make to CSS and HTML on different sites with Firebug.
Just to be clear, I don't expect Firebug to upload the changes to the server via FTP or anything. I just want to save the changes locally, so only I will be able to see them.
For example I've seen a few Firefox/Chrome extensions that add a download button under every video on Youtube, so I know it's possible to do that somehow.
If you have a different way to achieve what I'm trying to do, I'll be glad to hear about it.
(It doesn't have to be with Firebug.)
Thanks in advance!
If you don't mind using Web Developer Toolbar it's easy to save changes made to the DOM (and CSS).
When you install the toolbar, you'll get a "View Source" menu, click on that and choose "View generated source". Then just copy and paste that into a .html file.
You did not say if you alter your HTML or CSS, if CSS, FireFile is a very good addon for this.
Edit, with some Googling, i found FireDiff, which states that it can export changes made in Firebug, i have not tested it bit it's worth checking out.
You could try using Greasemonkey.
It has support for adding custom scripts that are run whenever you load a page (linked to which pages it should load on) and that can make changes to the page dynamically.
https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
The http://chrispederick.com/work/web-developer/ web developer toolbar will let you add a user style sheet to a site which should achieve your goals.
This may or may not be exactly what you're asking for, but you can download the extension FireDiff in order to save changes made with FireBug. I made a little tutorial on how to do it here: https://www.youtube.com/watch?v=m4OmZLX2zd4
I have a somewhat simlar use-case that I solved differently. I'm not sure if it is what you are looking for or not. I'll describe the behavior and if that is helpful I'll explain exactly how I implemented it.
I changed the code that execute when you click "Run" (or Ctrl+Enter) to check to see if the first line of the code is a hard-coded string //LoadFromFile:<file path>. If it is, and the file exists then I pull the file off of the local file system and run it instead of executing the code in the console window. This way I can use an external text editor to write code.