Zuletzt bearbeitet vor 2 Wochen
von Mark Wagner

MediaWiki:Common.js: Unterschied zwischen den Versionen

Keine Kategorien vergebenBearbeiten
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(27 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
mw.loader.using(['jquery'], function () {
mw.loader.using(['jquery'], function () {
     $(document).ready(function () {
     $(document).ready(function () {
         $('.smw-column-header').each(function () {
         /*$('.smw-column-header').each(function () {
             // aktuellen HTML-Inhalt holen
             // aktuellen HTML-Inhalt holen
             var html = $(this).html();
             var html = $(this).html();
Zeile 14: Zeile 13:
                 $(this).html(newHtml);
                 $(this).html(newHtml);
             }
             }
        });*/
        $(function () {
            $('<style>')
                .prop('type', 'text/css')
                .html(
                    '.breadcrumb-item { font-size: 17px !important; }' +
                    '.breadcrumb-nav { border-bottom: 2px solid #85bc20!important; margin-bottom: 20px !important; }'
                )
                .appendTo('head');
         });
         });
        $(function () {
    });
    $('<style>')
      .prop('type', 'text/css')
      .html(
        '.breadcrumb-item { font-size: 17px !important; }' +
        '.breadcrumb-nav  { border-bottom: 2px solid #85bc20!important; margin-bottom: 20px !important; }'
      )
      .appendTo('head');
});
});
});
});
$(function() {
  // 1) Klick merken
  $('body').on('click', 'a.mws-tree-item-label', function() {
    try {
      window.name = JSON.stringify({ lastNav: this.getAttribute('href') });
    } catch (e) {}
  });


  // 2) Polling & Aufklappen + Inline‐Styling
// Namespace-Link für Unterseiten-Panel
  var attempts = 0,
function updateSubpageHeader() {
      interval = setInterval(function() {
     // Das Header-Element finden
     attempts++;
     const header = document.getElementById('subpage-tree-pnl-head');
     var data = {};
     if (header) {
     try {
        // Aktuellen Namespace ermitteln
      data = JSON.parse(window.name || '{}');
        const namespace = mw.config.get('wgCanonicalNamespace');
    } catch (e) {}
        const namespaceName = namespace || 'Hauptseite';
    var last = data.lastNav;
 
    if (!last || attempts > 10) {
        // Link zur Namespace-Hauptseite erstellen
      clearInterval(interval);
        let namespaceLink;
      return;
        if (namespace) {
            // Für Namespaces wie "Verein:" zur Hauptseite des Namespace
            namespaceLink = `/${namespace}:Hauptseite`;
        } else {
            // Für Hauptnamespace zur allgemeinen Hauptseite
            namespaceLink = '/Hauptseite';
        }
 
        // Header mit klickbarem Link ersetzen
        header.innerHTML = `<a href="/wiki${namespaceLink}" style="color: inherit; text-decoration: none;">${namespaceName}</a>`;
 
        // Hover-Effekt hinzufügen
        const link = header.querySelector('a');
        if (link) {
            link.addEventListener('mouseenter', function() {
                this.style.textDecoration = 'underline';
            });
            link.addEventListener('mouseleave', function() {
                this.style.textDecoration = 'none';
            });
        }
     }
     }
    var $link = $('a.mws-tree-item-label[href="' + last + '"]');
}
     if ($link.length) {
 
      clearInterval(interval);
// Nach dem Laden der Seite ausführen
      // Zweige aufklappen
$(document).ready(function() {
      $link.parents('li.mws-tree-item').each(function() {
    // Kurze Verzögerung, da der Unterseiten-Baum dynamisch geladen wird
        var $exp = $(this).children('div').children('a.mws-tree-expander.collapsed');
     setTimeout(updateSubpageHeader, 100);
         if ($exp.length) {
});
          $exp.trigger('click');
 
// Auch nach AJAX-Updates ausführen
$(document).ajaxComplete(function() {
    setTimeout(updateSubpageHeader, 100);
});
 
// Entferne "Hauptseite/" aus Linktexten
function cleanPageLinks() {
    // Alle Links finden, die "Hauptseite/" im Text haben
    const links = document.querySelectorAll('a[href*="Hauptseite/"]');
    links.forEach(function(link) {
        // Nur den sichtbaren Text ändern, nicht den href
         if (link.textContent.includes('Hauptseite/')) {
            link.textContent = link.textContent.replace('Hauptseite/', '');
         }
         }
      });
    });
      // Inline‐Styles setzen
}
      $link.css({
 
        'background-color': '#eef',
// JavaScript nach dem Laden der Seite ausführen
        'font-weight': 'bold',
$(document).ready(function() {
        'color': '#000',
    cleanPageLinks();
        'border-left': '3px solid #98A7C4',
});
        'padding-left': '0.5em'
 
      });
// Auch nach AJAX-Updates ausführen (für dynamische Inhalte)
      // optional scrollen
$(document).ajaxComplete(function() {
      $('html, body').scrollTop($link.offset().top - 80);
     cleanPageLinks();
     }
  }, 300);
});
});
$(function(){
$(function(){
  // In allen Category-Ausgaben: jede LI, die einen <a class="new"> enthält, entfernen
    // In allen Category-Ausgaben: jede LI, die einen <a class="new"> enthält, entfernen
  $('.smw-columnlist-container a.new').each(function(){
    $('.smw-columnlist-container a.new').each(function(){
    $(this).closest('li').remove();
        $(this).closest('li').remove();
  });
    });
});
});
$(function(){
$(function(){
  // 1. Rote Links raus (wie gehabt)
    // 1. Rote Links raus (wie gehabt)
  $('.smw-columnlist-container a.new').each(function(){
    $('.smw-columnlist-container a.new').each(function(){
    $(this).closest('li').remove();
        $(this).closest('li').remove();
  });
    });


  // 2. Jetzt jede Buchstaben-Überschrift entfernen, deren Liste leer ist
    // 2. Jetzt jede Buchstaben-Überschrift entfernen, deren Liste leer ist
  $('.smw-column-header').each(function(){
    $('.smw-column-header').each(function(){
    var $header = $(this),
        var $header = $(this),
        $ul     = $header.next('ul');
            $ul = $header.next('ul');
    if ($ul.length && $ul.children('li').length === 0) {
        if ($ul.length && $ul.children('li').length === 0) {
      $ul.remove();
            $ul.remove();
      $header.remove();
            $header.remove();
        }
    });
});
 
// attachments immer in neuem Tab öffnen
(function () {
    // Hilfs-Funktion, die alle neuen Attachment-Links anpasst
    function updateAttachmentLinks() {
        // Alle Download-Links in der Datei-Liste
        $('.attachments-filelist a.oojsplus-data-gridWidget-url-button')
            .attr('target','_blank')
            .attr('rel','noopener noreferrer');
     }
     }
  });
});
(function(){
  const maxTries = 6;
  const interval = 1000; // 1 Sekunde
  let tries = 0;


  function attempt() {
    // beim Seiten-Load einmal ausführen
    tries++;
    $(updateAttachmentLinks);
    console.log(`🔍 Versuch ${tries}/${maxTries}: suche Breadcrumb-Toggle …`);
 
    // und mit MutationObserver auf nachträglich geladene Links achten
    var container = document.querySelector('.attachments-filelist');
    if (container) {
        new MutationObserver(function (mutations) {
            updateAttachmentLinks();
        }).observe(container, {
            childList: true,
            subtree: true
        });
    }
})();
 
/* Startseiten-Menü: ohne Expander, #subpage-tree-pnl ausblenden, kein Einrücken unten */
(function (mw, $) {
    'use strict';
 
    function isMainView() {
        return mw.config.get('wgIsMainPage') && mw.config.get('wgAction') === 'view';
    }
 
    // NEUE Funktion: Prüft ob Benutzer angemeldet ist
    function isLoggedIn() {
        return !mw.user.isAnon();
    }
 
    function hideSubpageTreePanel($scope) {
        // Nur ausführen wenn auf Hauptseite UND angemeldet
        if (!isMainView() || !isLoggedIn()) return;
 
        // global (nur auf Startseite, weil Funktion nur hier läuft)
        mw.util.addCSS('#subpage-tree-pnl{display:none!important;}');


    // 1) Finde das Toggle-Element
        // sofort im aktuellen/neu geladenen Bereich
    const navToggle = document.querySelector('a.breadcrumb-nav-subpages');
        ($scope || $(document)).find('#subpage-tree-pnl').hide().attr('aria-hidden', 'true');
    if (!navToggle) {
      if (tries < maxTries) return setTimeout(attempt, interval);
      return console.warn('❌ Kein Breadcrumb-Toggle gefunden, Abbruch.');
     }
     }
    console.log('✅ Breadcrumb-Toggle gefunden');


     // 2) Hole das Menü via aria-controls
     function injectHomeMenu($root) {
    const menuId = navToggle.getAttribute('aria-controls');
        // Nur ausführen wenn auf Hauptseite UND angemeldet
    if (!menuId) return console.error('❌ aria-controls fehlt am Toggle');
        if (!isMainView() || !isLoggedIn()) return;
    const menuEl = document.getElementById(menuId);
 
    if (!menuEl) return console.error(`❌ Menü mit ID ${menuId} nicht gefunden`);
        if (document.getElementById('home-static-menu')) return; // Duplikate vermeiden
 
        var $container = ($root || $(document)).find('#sb-pri-cnt:visible').last();
        if (!$container.length) return;
 
        const menuHtml = `<div id="home-static-menu" class="home-static-menu">
            <div class="enhanced-sidebar-cnt">
                <div id="9a659-pnl" class="card w-100 bg-transp tree-component test">
                    <div id="9a659-head" class="card-header menu-title">Themen</div>
                    <ul id="9a659-menu" class="mws-tree root w-100 bg-transp" role="tree" aria-labelledby="9a659-head" tabindex="0">
                        <li id="43568" class="mws-tree-item internal" role="treeitem">
                            <div><a id="43568-label" class="mws-tree-item-label" href="/wiki/Verein:Hauptseite">Verein</a></div>
                        </li>
                        <li id="12180" class="mws-tree-item internal" role="treeitem">
                            <div><a id="12180-label" class="mws-tree-item-label" href="/wiki/Arbeitsorganisation:Hauptseite">Arbeitsorganisation</a></div>
                        </li>
                        <li id="94668" class="mws-tree-item internal" role="treeitem">
                            <div><a id="94668-label" class="mws-tree-item-label" href="/wiki/Angebote:Hauptseite">Angebote</a></div>
                        </li>
                        <li id="16759" class="mws-tree-item internal" role="treeitem">
                            <div><a id="16759-label" class="mws-tree-item-label" href="/wiki/Gruppenarbeit:Hauptseite">Gruppenarbeit</a></div>
                        </li>
                        <li id="20ee3" class="mws-tree-item internal" role="treeitem">
                            <div><a id="20ee3-label" class="mws-tree-item-label" href="/wiki/Mitarbeit:Hauptseite">Mitarbeit</a></div>
                        </li>
                        <li id="d5272" class="mws-tree-item internal" role="treeitem">
                            <div><a id="d5272-label" class="mws-tree-item-label" href="/wiki/Kommunikation:Hauptseite">Kommunikation</a></div>
                        </li>
                        <li id="48945" class="mws-tree-item internal" role="treeitem">
                            <div><a id="48945-label" class="mws-tree-item-label" href="/wiki/QM:Hauptseite">QM</a></div>
                        </li>
                        <li id="27eea" class="mws-tree-item internal" role="treeitem">
                            <div><a id="27eea-label" class="mws-tree-item-label" href="/wiki/Mitglieder:Hauptseite">Mitglieder</a></div>
                        </li>
                        <li id="3f70b" class="mws-tree-item internal" role="treeitem">
                            <div><a id="3f70b-label" class="mws-tree-item-label" href="/wiki/wikiHilfe:Anleitung">wikiHilfe</a></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>`;


    // 3) Sammle alle Links im Menü
        $container.append(menuHtml);
    const links = Array.from(menuEl.querySelectorAll('ul li a'));
 
    if (links.length === 0) {
        // Safety: Falls andere Skripte Expander nachträglich hinzufügen
      return console.warn('⚠️ Keine Unterseiten-Links gefunden');
        $('#home-static-menu .mws-tree-expander').remove();
 
        // Einrückung Top-Level neutralisieren (nur in unserem Menü)
        mw.util.addCSS(`
            #home-static-menu #9a659-menu {
                padding-left: 0 !important;
                margin-left: 0 !important;
            }
            #home-static-menu #9a659-menu > li {
                margin-left: 0 !important;
            }
            #home-static-menu #9a659-menu > li > div {
                padding-left: 0 !important;
                margin-left: 0 !important;
            }
            #home-static-menu #9a659-menu > li .mws-tree-item-label {
                padding-left: 0 !important;
                margin-left: 0 !important;
            }
        `);
     }
     }
    console.log(`✅ ${links.length} Link(s) gefunden`);


     // 4) Baue die Box mit UL
     // DOM ready
     const box = document.createElement('div');
     $(function () {
    box.id = 'subpages-box';               // kannst Du in CSS stylen
        injectHomeMenu();
    const ul  = document.createElement('ul');
        hideSubpageTreePanel();
     ul.id = 'subpages-list';
     });
     links.forEach(a => {
 
      const li = document.createElement('li');
     // Dynamisch nachgeladene Inhalte (Discovery, Ajax, Tabs)
      li.appendChild(a.cloneNode(true));
    mw.hook('wikipage.content').add(function ($content) {
      ul.appendChild(li);
        injectHomeMenu($content);
        hideSubpageTreePanel($content);
     });
     });
    box.appendChild(ul);


     // 5) Füge die Box direkt unter den Breadcrumbs ein
     // Fallback, falls #sb-pri-cnt später kommt
     const bc = document.getElementById('breadcrumbs');
    var tries = 0, max = 10;
    bc.parentNode.insertBefore(box, bc.nextSibling);
     var iv = setInterval(function () {
    console.log('🎉 Subpages-Box erfolgreich eingefügt');
        if (document.getElementById('sb-pri-cnt') || ++tries >= max) {
  }
            clearInterval(iv);
            injectHomeMenu();
            hideSubpageTreePanel();
        }
    }, 300);


  // Warte bis alle Ressourcen geladen sind
})(mediaWiki, jQuery);
  window.addEventListener('load', () => setTimeout(attempt, interval));
})();

Aktuelle Version vom 17. Oktober 2025, 13:07 Uhr

mw.loader.using(['jquery'], function () {
    $(document).ready(function () {
        /*$('.smw-column-header').each(function () {
            // aktuellen HTML-Inhalt holen
            var html = $(this).html();
            // "Fortsetzung" entfernen, Leerzeichen ggf. bereinigen
            var newHtml = html.replace(/Fortsetzung/g, '').trim();
            // falls nach dem Entfernen gar kein Text übrig ist, komplette Header-Box ausblenden:
            if (newHtml === '') {
                $(this).hide();
            } else {
                // ansonsten nur den Text überschreiben, sodass z. B. "B Fortsetzung" → "B" wird
                $(this).html(newHtml);
            }
        });*/

        $(function () {
            $('<style>')
                .prop('type', 'text/css')
                .html(
                    '.breadcrumb-item { font-size: 17px !important; }' +
                    '.breadcrumb-nav { border-bottom: 2px solid #85bc20!important; margin-bottom: 20px !important; }'
                )
                .appendTo('head');
        });
    });
});

// Namespace-Link für Unterseiten-Panel
function updateSubpageHeader() {
    // Das Header-Element finden
    const header = document.getElementById('subpage-tree-pnl-head');
    if (header) {
        // Aktuellen Namespace ermitteln
        const namespace = mw.config.get('wgCanonicalNamespace');
        const namespaceName = namespace || 'Hauptseite';

        // Link zur Namespace-Hauptseite erstellen
        let namespaceLink;
        if (namespace) {
            // Für Namespaces wie "Verein:" zur Hauptseite des Namespace
            namespaceLink = `/${namespace}:Hauptseite`;
        } else {
            // Für Hauptnamespace zur allgemeinen Hauptseite
            namespaceLink = '/Hauptseite';
        }

        // Header mit klickbarem Link ersetzen
        header.innerHTML = `<a href="/wiki${namespaceLink}" style="color: inherit; text-decoration: none;">${namespaceName}</a>`;

        // Hover-Effekt hinzufügen
        const link = header.querySelector('a');
        if (link) {
            link.addEventListener('mouseenter', function() {
                this.style.textDecoration = 'underline';
            });
            link.addEventListener('mouseleave', function() {
                this.style.textDecoration = 'none';
            });
        }
    }
}

// Nach dem Laden der Seite ausführen
$(document).ready(function() {
    // Kurze Verzögerung, da der Unterseiten-Baum dynamisch geladen wird
    setTimeout(updateSubpageHeader, 100);
});

// Auch nach AJAX-Updates ausführen
$(document).ajaxComplete(function() {
    setTimeout(updateSubpageHeader, 100);
});

// Entferne "Hauptseite/" aus Linktexten
function cleanPageLinks() {
    // Alle Links finden, die "Hauptseite/" im Text haben
    const links = document.querySelectorAll('a[href*="Hauptseite/"]');
    links.forEach(function(link) {
        // Nur den sichtbaren Text ändern, nicht den href
        if (link.textContent.includes('Hauptseite/')) {
            link.textContent = link.textContent.replace('Hauptseite/', '');
        }
    });
}

// JavaScript nach dem Laden der Seite ausführen
$(document).ready(function() {
    cleanPageLinks();
});

// Auch nach AJAX-Updates ausführen (für dynamische Inhalte)
$(document).ajaxComplete(function() {
    cleanPageLinks();
});

$(function(){
    // In allen Category-Ausgaben: jede LI, die einen <a class="new"> enthält, entfernen
    $('.smw-columnlist-container a.new').each(function(){
        $(this).closest('li').remove();
    });
});

$(function(){
    // 1. Rote Links raus (wie gehabt)
    $('.smw-columnlist-container a.new').each(function(){
        $(this).closest('li').remove();
    });

    // 2. Jetzt jede Buchstaben-Überschrift entfernen, deren Liste leer ist
    $('.smw-column-header').each(function(){
        var $header = $(this),
            $ul = $header.next('ul');
        if ($ul.length && $ul.children('li').length === 0) {
            $ul.remove();
            $header.remove();
        }
    });
});

// attachments immer in neuem Tab öffnen
(function () {
    // Hilfs-Funktion, die alle neuen Attachment-Links anpasst
    function updateAttachmentLinks() {
        // Alle Download-Links in der Datei-Liste
        $('.attachments-filelist a.oojsplus-data-gridWidget-url-button')
            .attr('target','_blank')
            .attr('rel','noopener noreferrer');
    }

    // beim Seiten-Load einmal ausführen
    $(updateAttachmentLinks);

    // und mit MutationObserver auf nachträglich geladene Links achten
    var container = document.querySelector('.attachments-filelist');
    if (container) {
        new MutationObserver(function (mutations) {
            updateAttachmentLinks();
        }).observe(container, {
            childList: true,
            subtree: true
        });
    }
})();

/* Startseiten-Menü: ohne Expander, #subpage-tree-pnl ausblenden, kein Einrücken unten */
(function (mw, $) {
    'use strict';

    function isMainView() {
        return mw.config.get('wgIsMainPage') && mw.config.get('wgAction') === 'view';
    }

    // NEUE Funktion: Prüft ob Benutzer angemeldet ist
    function isLoggedIn() {
        return !mw.user.isAnon();
    }

    function hideSubpageTreePanel($scope) {
        // Nur ausführen wenn auf Hauptseite UND angemeldet
        if (!isMainView() || !isLoggedIn()) return;

        // global (nur auf Startseite, weil Funktion nur hier läuft)
        mw.util.addCSS('#subpage-tree-pnl{display:none!important;}');

        // sofort im aktuellen/neu geladenen Bereich
        ($scope || $(document)).find('#subpage-tree-pnl').hide().attr('aria-hidden', 'true');
    }

    function injectHomeMenu($root) {
        // Nur ausführen wenn auf Hauptseite UND angemeldet
        if (!isMainView() || !isLoggedIn()) return;

        if (document.getElementById('home-static-menu')) return; // Duplikate vermeiden

        var $container = ($root || $(document)).find('#sb-pri-cnt:visible').last();
        if (!$container.length) return;

        const menuHtml = `<div id="home-static-menu" class="home-static-menu">
            <div class="enhanced-sidebar-cnt">
                <div id="9a659-pnl" class="card w-100 bg-transp tree-component test">
                    <div id="9a659-head" class="card-header menu-title">Themen</div>
                    <ul id="9a659-menu" class="mws-tree root w-100 bg-transp" role="tree" aria-labelledby="9a659-head" tabindex="0">
                        <li id="43568" class="mws-tree-item internal" role="treeitem">
                            <div><a id="43568-label" class="mws-tree-item-label" href="/wiki/Verein:Hauptseite">Verein</a></div>
                        </li>
                        <li id="12180" class="mws-tree-item internal" role="treeitem">
                            <div><a id="12180-label" class="mws-tree-item-label" href="/wiki/Arbeitsorganisation:Hauptseite">Arbeitsorganisation</a></div>
                        </li>
                        <li id="94668" class="mws-tree-item internal" role="treeitem">
                            <div><a id="94668-label" class="mws-tree-item-label" href="/wiki/Angebote:Hauptseite">Angebote</a></div>
                        </li>
                        <li id="16759" class="mws-tree-item internal" role="treeitem">
                            <div><a id="16759-label" class="mws-tree-item-label" href="/wiki/Gruppenarbeit:Hauptseite">Gruppenarbeit</a></div>
                        </li>
                        <li id="20ee3" class="mws-tree-item internal" role="treeitem">
                            <div><a id="20ee3-label" class="mws-tree-item-label" href="/wiki/Mitarbeit:Hauptseite">Mitarbeit</a></div>
                        </li>
                        <li id="d5272" class="mws-tree-item internal" role="treeitem">
                            <div><a id="d5272-label" class="mws-tree-item-label" href="/wiki/Kommunikation:Hauptseite">Kommunikation</a></div>
                        </li>
                        <li id="48945" class="mws-tree-item internal" role="treeitem">
                            <div><a id="48945-label" class="mws-tree-item-label" href="/wiki/QM:Hauptseite">QM</a></div>
                        </li>
                        <li id="27eea" class="mws-tree-item internal" role="treeitem">
                            <div><a id="27eea-label" class="mws-tree-item-label" href="/wiki/Mitglieder:Hauptseite">Mitglieder</a></div>
                        </li>
                        <li id="3f70b" class="mws-tree-item internal" role="treeitem">
                            <div><a id="3f70b-label" class="mws-tree-item-label" href="/wiki/wikiHilfe:Anleitung">wikiHilfe</a></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>`;

        $container.append(menuHtml);

        // Safety: Falls andere Skripte Expander nachträglich hinzufügen
        $('#home-static-menu .mws-tree-expander').remove();

        // Einrückung Top-Level neutralisieren (nur in unserem Menü)
        mw.util.addCSS(`
            #home-static-menu #9a659-menu {
                padding-left: 0 !important;
                margin-left: 0 !important;
            }
            #home-static-menu #9a659-menu > li {
                margin-left: 0 !important;
            }
            #home-static-menu #9a659-menu > li > div {
                padding-left: 0 !important;
                margin-left: 0 !important;
            }
            #home-static-menu #9a659-menu > li .mws-tree-item-label {
                padding-left: 0 !important;
                margin-left: 0 !important;
            }
        `);
    }

    // DOM ready
    $(function () {
        injectHomeMenu();
        hideSubpageTreePanel();
    });

    // Dynamisch nachgeladene Inhalte (Discovery, Ajax, Tabs)
    mw.hook('wikipage.content').add(function ($content) {
        injectHomeMenu($content);
        hideSubpageTreePanel($content);
    });

    // Fallback, falls #sb-pri-cnt später kommt
    var tries = 0, max = 10;
    var iv = setInterval(function () {
        if (document.getElementById('sb-pri-cnt') || ++tries >= max) {
            clearInterval(iv);
            injectHomeMenu();
            hideSubpageTreePanel();
        }
    }, 300);

})(mediaWiki, jQuery);