MediaWiki:Gadget-GlobalVariables.js

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

mw.loader.using(['mediawiki.util']).then(function () {

    const globalVars = {}; // Hier speichern wir die Variablen der Seite

    // Leiste oben erstellen
    const bar = document.createElement('div');
    bar.id = 'global-var-bar';
    bar.style.display = 'flex';
    bar.style.flexWrap = 'wrap';
    bar.style.gap = '8px';
    bar.style.padding = '8px';
    bar.style.border = '1px solid #bbb';
    bar.style.borderRadius = '6px';
    bar.style.background = '#f5f5f5';
    bar.style.marginBottom = '12px';
    document.querySelector('#content').prepend(bar);

    // Alle dynamischen Codeblöcke auf der Seite durchgehen
    document.querySelectorAll('pre.dynamic-code').forEach(pre => {
        const regex = /{{(\w+)}}/g;
        let match;
        while ((match = regex.exec(pre.textContent)) !== null) {
            const varName = match[1];
            if (!globalVars[varName]) {
                globalVars[varName] = '';

                // Input für Variable erstellen
                const lbl = document.createElement('label');
                lbl.style.display = 'flex';
                lbl.style.flexDirection = 'column';
                lbl.style.fontSize = '12px';
                lbl.style.color = '#333';
                lbl.textContent = varName;

                const inp = document.createElement('input');
                inp.type = 'text';
                inp.value = ''; // noch leer
                inp.dataset.varId = varName;
                inp.style.width = '120px';
                inp.style.padding = '2px 4px';
                inp.style.border = '1px solid #ccc';
                inp.style.borderRadius = '4px';
                inp.style.fontFamily = 'monospace';
                inp.style.fontSize = '12px';

                lbl.appendChild(inp);
                bar.appendChild(lbl);
            }
        }
    });

    console.log('Globale Variablenleiste initialisiert:', Object.keys(globalVars));

});