Zum Inhalt springen

MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus Informatik.wiki
Globalen DE/EN-Schalter dynamisch auf vorhandene /en-Seiten umstellen
DE/EN-Inhaltssprache dauerhaft speichern und automatisch beibehalten
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 15: Zeile 15:
         var baseTitle = pageName.replace( /\/en$/, '' );
         var baseTitle = pageName.replace( /\/en$/, '' );
         var englishTitle = baseTitle + '/en';
         var englishTitle = baseTitle + '/en';
        var storageKey = 'informatikwiki-content-language';
        function getPreferredLanguage() {
            try {
                return window.localStorage.getItem( storageKey );
            } catch ( e ) {
                return null;
            }
        }
        function setPreferredLanguage( language ) {
            try {
                window.localStorage.setItem( storageKey, language );
            } catch ( e ) {
                // localStorage nicht verfügbar -> Schalter funktioniert
                // trotzdem, nur ohne dauerhafte Speicherung.
            }
        }
        function pageExists( title ) {
            var api = new mw.Api();
            return api.post( {
                action: 'query',
                prop: 'info',
                titles: title,
                formatversion: 2
            } ).then( function ( data ) {
                var pages = data &&
                            data.query &&
                            data.query.pages;
                var page = null;
                if ( Array.isArray( pages ) ) {
                    page = pages[ 0 ];
                } else if ( pages ) {
                    var keys = Object.keys( pages );
                    if ( keys.length ) {
                        page = pages[ keys[ 0 ] ];
                    }
                }
                return !!(
                    page &&
                    typeof page.pageid === 'number' &&
                    page.pageid > 0 &&
                    page.missing !== true
                );
            } );
        }


         function renderSwitch( hasEnglishPage ) {
         function renderSwitch( hasEnglishPage ) {
Zeile 29: Zeile 84:
             box.setAttribute( 'aria-label', 'Sprache / Language' );
             box.setAttribute( 'aria-label', 'Sprache / Language' );


             function addLanguage( code, label, href, active, enabled ) {
             function addLanguage(
                code,
                label,
                href,
                active,
                enabled
            ) {


                 var el;
                 var el;


                 if ( enabled && !active ) {
                 if ( enabled && !active ) {
                     el = document.createElement( 'a' );
                     el = document.createElement( 'a' );
                     el.href = href;
                     el.href = href;
                    el.addEventListener( 'click', function () {
                        setPreferredLanguage( code );
                    } );
                 } else {
                 } else {
                     el = document.createElement( 'span' );
                     el = document.createElement( 'span' );
                 }
                 }
Zeile 50: Zeile 118:
                 if ( !enabled ) {
                 if ( !enabled ) {
                     el.classList.add( 'iw-lang-unavailable' );
                     el.classList.add( 'iw-lang-unavailable' );
                     el.title = code === 'en'
 
                         ? 'English page not available yet'
                     if ( code === 'en' ) {
                        : 'Deutsche Seite nicht verfügbar';
                         el.title = 'English page not available yet';
                    }
                 }
                 }


Zeile 84: Zeile 153:
                 heading.parentNode.insertBefore( box, heading );
                 heading.parentNode.insertBefore( box, heading );
             }
             }
        }


         }
         var preferredLanguage = getPreferredLanguage();
        var action = mw.config.get( 'wgAction' );


         /*
         /*
         * Auf einer englischen Seite wissen wir bereits,
         * Auf englischer Seite:
         * dass die englische Version existiert.
         * - EN anzeigen
        * - bei gespeicherter Sprache DE zurückwechseln.
         */
         */
         if ( isEnglish ) {
         if ( isEnglish ) {
            if (
                preferredLanguage === 'de' &&
                action === 'view'
            ) {
                window.location.replace(
                    mw.util.getUrl( baseTitle )
                );
                return;
            }
             renderSwitch( true );
             renderSwitch( true );
             return;
             return;
Zeile 97: Zeile 180:


         /*
         /*
         * Auf deutschen Seiten automatisch prüfen,
         * Auf deutscher Seite zuerst prüfen,
         * ob die entsprechende echte /en-Seite existiert.
         * ob eine /en-Seite existiert.
         */
         */
         var api = new mw.Api();
         pageExists( englishTitle )
            .then( function ( hasEnglishPage ) {


        api.get( {
                /*
            action: 'query',
                * EN wurde früher gewählt:
            titles: englishTitle,
                * automatisch auf die vorhandene
            formatversion: 2
                * englische Seite wechseln.
        } ).then( function ( data ) {
                */
 
                if (
            var page = data.query.pages[ 0 ];
                    preferredLanguage === 'en' &&
            var exists = !Object.prototype.hasOwnProperty.call( page, 'missing' );
                    hasEnglishPage &&
                    action === 'view'
                ) {
                    window.location.replace(
                        mw.util.getUrl( englishTitle )
                    );
                    return;
                }


            renderSwitch( exists );
                renderSwitch( hasEnglishPage );


        } ).catch( function () {
            } )
            .catch( function ( error ) {


            /*
                console.error(
            * Bei einem API-Fehler lieber EN deaktivieren,
                    'informatik.wiki language switch:',
            * statt auf eine nicht geprüfte Seite zu verlinken.
                    englishTitle,
            */
                    error
            renderSwitch( false );
                );


        } );
                renderSwitch( false );
            } );


     } );
     } );

Aktuelle Version vom 11. September 2026, 18:19 Uhr

/* BEGIN INFORMATIK.WIKI GLOBAL LANGSWITCH */

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

    $( function () {

        var ns = mw.config.get( 'wgNamespaceNumber' );

        if ( ns < 0 ) {
            return;
        }

        var pageName = mw.config.get( 'wgPageName' ).replace( /_/g, ' ' );
        var isEnglish = /\/en$/.test( pageName );
        var baseTitle = pageName.replace( /\/en$/, '' );
        var englishTitle = baseTitle + '/en';

        var storageKey = 'informatikwiki-content-language';

        function getPreferredLanguage() {
            try {
                return window.localStorage.getItem( storageKey );
            } catch ( e ) {
                return null;
            }
        }

        function setPreferredLanguage( language ) {
            try {
                window.localStorage.setItem( storageKey, language );
            } catch ( e ) {
                // localStorage nicht verfügbar -> Schalter funktioniert
                // trotzdem, nur ohne dauerhafte Speicherung.
            }
        }

        function pageExists( title ) {

            var api = new mw.Api();

            return api.post( {
                action: 'query',
                prop: 'info',
                titles: title,
                formatversion: 2
            } ).then( function ( data ) {

                var pages = data &&
                            data.query &&
                            data.query.pages;

                var page = null;

                if ( Array.isArray( pages ) ) {
                    page = pages[ 0 ];
                } else if ( pages ) {
                    var keys = Object.keys( pages );

                    if ( keys.length ) {
                        page = pages[ keys[ 0 ] ];
                    }
                }

                return !!(
                    page &&
                    typeof page.pageid === 'number' &&
                    page.pageid > 0 &&
                    page.missing !== true
                );
            } );
        }

        function renderSwitch( hasEnglishPage ) {

            var old = document.getElementById( 'iw-lang-switch' );

            if ( old ) {
                old.remove();
            }

            var box = document.createElement( 'div' );

            box.id = 'iw-lang-switch';
            box.setAttribute( 'aria-label', 'Sprache / Language' );

            function addLanguage(
                code,
                label,
                href,
                active,
                enabled
            ) {

                var el;

                if ( enabled && !active ) {

                    el = document.createElement( 'a' );
                    el.href = href;

                    el.addEventListener( 'click', function () {
                        setPreferredLanguage( code );
                    } );

                } else {

                    el = document.createElement( 'span' );
                }

                el.textContent = label;
                el.lang = code;

                if ( active ) {
                    el.classList.add( 'iw-lang-active' );
                    el.setAttribute( 'aria-current', 'page' );
                }

                if ( !enabled ) {
                    el.classList.add( 'iw-lang-unavailable' );

                    if ( code === 'en' ) {
                        el.title = 'English page not available yet';
                    }
                }

                box.appendChild( el );
            }

            addLanguage(
                'de',
                'DE',
                mw.util.getUrl( baseTitle ),
                !isEnglish,
                true
            );

            var separator = document.createElement( 'span' );
            separator.className = 'iw-lang-separator';
            separator.textContent = '|';
            box.appendChild( separator );

            addLanguage(
                'en',
                'EN',
                mw.util.getUrl( englishTitle ),
                isEnglish,
                hasEnglishPage || isEnglish
            );

            var heading = document.getElementById( 'firstHeading' );

            if ( heading && heading.parentNode ) {
                heading.parentNode.insertBefore( box, heading );
            }
        }

        var preferredLanguage = getPreferredLanguage();
        var action = mw.config.get( 'wgAction' );

        /*
         * Auf englischer Seite:
         * - EN anzeigen
         * - bei gespeicherter Sprache DE zurückwechseln.
         */
        if ( isEnglish ) {

            if (
                preferredLanguage === 'de' &&
                action === 'view'
            ) {
                window.location.replace(
                    mw.util.getUrl( baseTitle )
                );
                return;
            }

            renderSwitch( true );
            return;
        }

        /*
         * Auf deutscher Seite zuerst prüfen,
         * ob eine /en-Seite existiert.
         */
        pageExists( englishTitle )
            .then( function ( hasEnglishPage ) {

                /*
                 * EN wurde früher gewählt:
                 * automatisch auf die vorhandene
                 * englische Seite wechseln.
                 */
                if (
                    preferredLanguage === 'en' &&
                    hasEnglishPage &&
                    action === 'view'
                ) {
                    window.location.replace(
                        mw.util.getUrl( englishTitle )
                    );
                    return;
                }

                renderSwitch( hasEnglishPage );

            } )
            .catch( function ( error ) {

                console.error(
                    'informatik.wiki language switch:',
                    englishTitle,
                    error
                );

                renderSwitch( false );
            } );

    } );

} );

/* END INFORMATIK.WIKI GLOBAL LANGSWITCH */