MediaWiki:Common.js: Unterschied zwischen den Versionen
Erscheinungsbild
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' ); | ||
if ( code === 'en' ) { | |||
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 | * Auf englischer Seite: | ||
* | * - 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 | * Auf deutscher Seite zuerst prüfen, | ||
* ob | * 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 ); | |||
} ); | |||
} ); | } ); | ||
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 */