MediaWiki:Common.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'], function () {
    $(function () {
        var $body = $('body');

        // eigenen Header einfügen
        var headerHtml = '' +
            '<div id="pixo-custom-header">' +
                '<div id="pixo-custom-header-inner">' +             // NEU: innerer Container
                    '<div id="pixo-custom-header-left"></div>' +
                    '<div id="pixo-custom-header-center"></div>' +
                    '<div id="pixo-custom-header-right"></div>' +
                '</div>' +
            '</div>';

        $body.prepend(headerHtml);

        // Referenzen
        var $left   = $('#pixo-custom-header-left');
        var $center = $('#pixo-custom-header-center');
        var $right  = $('#pixo-custom-header-right');

        /* 2. Suche: Sticky-Header-Suche statt normaler Suche */
        var $stickySearchIcon = $('.vector-sticky-header-icon-start').first();
        if ($stickySearchIcon.length) {
            $stickySearchIcon
                .addClass('pixo-header-icon')
                .appendTo($left);
        }

        /* 3. Logo + Titel aus <a class="mw-logo"> nach Mitte */
        var $logoLink = $('.mw-logo').first();
        if ($logoLink.length) {
            $logoLink
                .appendTo($center)
                .css({ margin: 0 });
        }

        /* 4./5. Benutzerbereich rechts */
        var userName = mw.config.get('wgUserName'); // null, wenn nicht angemeldet

        if (userName) {
            // angemeldeter User: bestehende Menüs nehmen
            var $userPage = $('#p-vector-user-menu-userpage');
            var $userMenu = $('#vector-user-links-dropdown');

            if ($userPage.length) {
                $userPage
                    .appendTo($right)
                    .addClass('pixo-header-icon');
            }
            if ($userMenu.length) {
                $userMenu
                    .appendTo($right)
                    .addClass('pixo-header-icon');
            }
        } else {
            // nicht angemeldet: eigene Icons für Registrieren / Login
            var $register = $('<a>', {
                href: mw.util.getUrl('Special:CreateAccount'),
                class: 'pixo-header-icon',
                title: 'Benutzer registrieren'
            }).html('✚'); // hier eigenes SVG/Icon einbauen

            var $login = $('<a>', {
                href: mw.util.getUrl('Special:UserLogin'),
                class: 'pixo-header-icon',
                title: 'Benutzeranmeldung'
            }).html('⮞'); // hier eigenes SVG/Icon einbauen

            $right.append($register, $login);
        }
    });
});