Zum Inhalt springen

MediaWiki:Gadget-GlobalVariables.js: Unterschied zwischen den Versionen

Aus Home Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
mw.loader.using(['mediawiki.util']).then(function () {
mw.loader.using(['mediawiki.util']).then(function () {


     const globalVars = {}; // Hier speichern wir die Variablen der Seite
     const globalVars = {}; // speichert die Variablenwerte
    const seenVars = new Set(); // speichert, welche Variablen schon hinzugefügt wurden


     // Leiste oben erstellen
     // Leiste oben erstellen
Zeile 16: Zeile 17:
     document.querySelector('#content').prepend(bar);
     document.querySelector('#content').prepend(bar);


    // Hilfsfunktion: Variable nur einmal hinzufügen
     function addVarOnce(varName) {
     function addVarOnce(varName) {
         if (globalVars[varName]) return; // schon drin
         if (seenVars.has(varName)) return; // schon hinzugefügt
        seenVars.add(varName);
 
         globalVars[varName] = '';
         globalVars[varName] = '';


Zeile 30: Zeile 32:
         const inp = document.createElement('input');
         const inp = document.createElement('input');
         inp.type = 'text';
         inp.type = 'text';
         inp.value = ''; // noch leer
         inp.value = '';
         inp.dataset.varId = varName;
         inp.dataset.varId = varName;
         inp.style.width = '120px';
         inp.style.width = '120px';
Zeile 52: Zeile 54:
     });
     });


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


});
});

Version vom 14. Februar 2026, 12:22 Uhr

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

    const globalVars = {}; // speichert die Variablenwerte
    const seenVars = new Set(); // speichert, welche Variablen schon hinzugefügt wurden

    // 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);

    function addVarOnce(varName) {
        if (seenVars.has(varName)) return; // schon hinzugefügt
        seenVars.add(varName);

        globalVars[varName] = '';

        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 = '';
        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);
    }

    // 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) {
            addVarOnce(match[1]);
        }
    });

    console.log('Globale Variablenleiste initialisiert:', Array.from(seenVars));

});