Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
 
(16 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Eigene Sprachleiste: UI-Sprache + PageTranslation-Ziel umschalten (mit Cache) */
/* Eigene Sprachleiste: manuelles Umschalten + ULS-Integration + Fallback-Override */
mw.loader.using(['mediawiki.util', 'mediawiki.api'], function () {
mw.loader.using(['mediawiki.util', 'mediawiki.api', 'ext.uls.interface'], function () {


   // ====== Automatische Anwendung der gespeicherten Sprache für Gäste ======
   // --- Nur im Lesemodus + Haupt-Namensraum ---
   if (!mw.config.get('wgUserName')) {
   var action = mw.config.get('wgAction');
    try {
  var ns = mw.config.get('wgNamespaceNumber');
      var prefLang = localStorage.getItem('preferredLang');
  if (action !== 'view' || ns !== 0) return;
      var currentLang = (mw.config.get('wgUserLanguage') || '').toLowerCase();


      if (
   // --- Sprachen ---
        prefLang &&
        prefLang.toLowerCase() !== currentLang &&
        !/[?&](?:use|set)lang=/.test(location.search)
      ) {
        // setlang = persistente ULS-Sprache (Cookie/Local)
        var url = new URL(window.location.href);
        url.searchParams.set('setlang', prefLang);
        location.replace(url.toString());
        return; // Rest erst nach Redirect ausführen
      }
    } catch (e) {}
  }
  // ========================================================================
 
   // ---- deine Sprachen ----
   var LANGS = [
   var LANGS = [
     { code: 'de', label: 'Deutsch' },
     { code: 'de', label: 'Deutsch' },
Zeile 29: Zeile 13:
     { code: 'fr', label: 'Français' }
     { code: 'fr', label: 'Français' }
   ];
   ];
  var ALLOWED = ['de', 'en', 'fr'];
  var FALLBACK = 'en';


   // Wenn bereits eine Leiste existiert, nichts tun
   // Doppelte Einbindung vermeiden
   if (document.getElementById('custom-langbar')) return;
   if (document.getElementById('custom-langbar')) return;


  var userLang = (mw.config.get('wgUserLanguage') || mw.config.get('wgContentLanguage') || 'de').toLowerCase();
   var pageName = mw.config.get('wgPageName');
   var pageName = mw.config.get('wgPageName');
  // Basis-Seitenname ohne evtl. Sprach-Suffix (/en, /fr, /pt-br, …)
   var baseTitle = pageName.replace(/\/[a-z]{2}(?:-[a-z]{2})?$/i, '');
   var baseTitle = pageName.replace(/\/[a-z]{2}(?:-[a-z]{2})?$/i, '');


   // ====== Caching-Setup für die Leiste ======
   function normalize(code) {
  var CACHE_TTL = 24 * 60 * 60 * 1000; // 24h
     if (!code) return FALLBACK;
  var cacheKey = 'custom-langbar:' + baseTitle + ':' + LANGS.map(function (l) { return l.code; }).join(',') + ':v2';
     code = String(code).toLowerCase().split('-')[0];
 
    return ALLOWED.indexOf(code) > -1 ? code : FALLBACK;
  function buildHtml() {
     // Direkt zu /lang springen (oder Special:MyLanguage ohne /lang, wenn du lieber adaptiv willst)
     return '<nav aria-label="Sprachen">' + LANGS.map(function (lang) {
      var href = mw.util.getUrl(baseTitle + '/' + lang.code);
      return '<a href="' + href + '" data-code="' + lang.code + '">' + lang.label + '</a>';
    }).join(' ') + '</nav>';
   }
   }


   function renderBar(container, html) {
  // Ziel-URL mit Special:MyLanguage und uselang
     container.innerHTML = html;
   function targetUrl(code) {
 
     code = normalize(code);
    // aktive Sprache markieren (falls wir auf /xx sind)
     var title = 'Special:MyLanguage/' + baseTitle.replace(/_/g, ' ');
     var m = mw.config.get('wgPageName').match(/\/([a-z-]+)$/i);
     var url = mw.util.getUrl(title);
     var current = (m ? m[1] : userLang).toLowerCase();
     return url + (url.includes('?') ? '&' : '?') + 'uselang=' + code;
     container.querySelectorAll('a[data-code]').forEach(function (a) {
      if (a.getAttribute('data-code').toLowerCase() === current) a.classList.add('active-lang');
    });
   }
   }
  // ==========================================


   // Leiste einfügen (unterhalb Header)
   // --- Sprachleiste bauen ---
   var bar = document.createElement('div');
   var bar = document.createElement('div');
   bar.id = 'custom-langbar';
   bar.id = 'custom-langbar';
  var header = document.querySelector('.minerva-header') || document.body;
  header.parentNode.insertBefore(bar, header.nextSibling);


   // 1) Aus Cache lesen
   var current = normalize(mw.config.get('wgUserLanguage') || mw.config.get('wgContentLanguage') || FALLBACK);
  try {
    var cached = JSON.parse(localStorage.getItem(cacheKey) || 'null');
    if (cached && (Date.now() - cached.t) < CACHE_TTL && typeof cached.html === 'string') {
      renderBar(bar, cached.html);
    } else {
      // 2) Neu bauen und cachen
      var html = buildHtml();
      renderBar(bar, html);
      try { localStorage.setItem(cacheKey, JSON.stringify({ t: Date.now(), html: html })); } catch (e) {}
    }
  } catch (e) {
    // Fallback ohne Cache
    renderBar(bar, buildHtml());
  }


   // ====== Event-Delegation (funktioniert auch mit gecachtem HTML) ======
   LANGS.forEach(function (lang) {
  bar.addEventListener('click', function (e) {
    var a = document.createElement('a');
    var a = e.target.closest('a[data-code]');
    a.href = '#';
    if (!a) return;
    a.textContent = lang.label;
     e.preventDefault();
    if (current === lang.code) a.className = 'active-lang';
     switchLanguageAndGo(a.getAttribute('data-code'));
    a.addEventListener('click', function (e) {
      e.preventDefault();
      switchLanguage(lang.code);
     });
     bar.appendChild(a);
   });
   });
  // =====================================================================


   // ---- Logik: Sprache setzen + auf Übersetzung springen ----
   var mount =
  function targetUrlFor(code) {
    document.querySelector('.minerva-header') ||
     // Special:MyLanguage löst auf die passende /lang-Unterseite
     document.querySelector('.vector-header') ||
     var title = 'Special:MyLanguage/' + baseTitle;
     document.getElementById('content') ||
     var url = mw.util.getUrl(title);
     document.body;
     var sep = url.indexOf('?') > -1 ? '&' : '?';
 
    // setlang sorgt dafür, dass UI+ULS sofort umspringen
  if (mount && mount.parentNode) {
     return url + sep + 'setlang=' + encodeURIComponent(code);
     mount.parentNode.insertBefore(bar, mount.nextSibling);
  } else {
     document.body.insertBefore(bar, document.body.firstChild);
   }
   }


   function switchLanguageAndGo(code) {
  // --- Sprachwechsel ---
     code = code.toLowerCase();
   function switchLanguage(code) {
     code = normalize(code);


    // Versuch: Sprache direkt über ULS setzen (für Gäste persistent)
    if (mw.uls && typeof mw.uls.setLanguage === 'function') {
      mw.uls.setLanguage(code);
    }
    // Für eingeloggte Benutzer: Option speichern
     if (mw.config.get('wgUserName')) {
     if (mw.config.get('wgUserName')) {
      // Eingeloggt: Preference per API setzen, dann weiterleiten
       new mw.Api().postWithToken('csrf', {
       new mw.Api().postWithToken('csrf', {
         action: 'options',
         action: 'options',
         change: 'language=' + code
         change: 'language=' + code
       }).always(function () {
       }).always(function () {
         location.href = targetUrlFor(code);
         location.href = targetUrl(code);
       });
       });
       return;
    } else {
       // Für Gäste: Sprache auch im localStorage sichern
      try { localStorage.setItem('preferredLang', code); } catch (e) {}
      location.href = targetUrl(code);
     }
     }
  }


    // Gäste: preferredLang merken und per setlang weiter
  // --- Bei Seitenaufruf für Gäste gespeicherte Sprache anwenden ---
     try { localStorage.setItem('preferredLang', code); } catch (e) {}
  if (!mw.config.get('wgUserName')) {
    location.href = targetUrlFor(code);
     try {
      var pref = normalize(localStorage.getItem('preferredLang'));
      var currentLang = normalize(mw.config.get('wgUserLanguage'));
      if (pref && pref !== currentLang && !/[?&]uselang=/.test(location.search)) {
        location.replace(targetUrl(pref));
      }
    } catch (e) {}
   }
   }


   // Anonyme erkennen und Flag auf <html> setzen
   // --- Anonyme markieren ---
   if (!mw.config.get('wgUserName')) {
   if (!mw.config.get('wgUserName')) {
     document.documentElement.classList.add('bv-anon');
     document.documentElement.classList.add('bv-anon');
   }
   }


   // Gäste nicht auf Diskussionsseiten lassen → auf Inhaltsseite umleiten
   // --- Gäste nicht auf Diskussionsseiten lassen ---
   if (!mw.config.get('wgUserName')) {
   if (!mw.config.get('wgUserName')) {
     var ns = mw.config.get('wgNamespaceNumber');
     var nsNum = mw.config.get('wgNamespaceNumber');
     if (ns % 2 === 1) { // ungerade Namespace-Nummern = Talk
     if (nsNum % 2 === 1) {
       var subjectUrl = mw.util.getUrl(mw.config.get('wgPageName').replace(/^Talk:/, ''));
       var subject = mw.util.getUrl(mw.config.get('wgPageName').replace(/^Talk:/, ''));
       window.location.href = subjectUrl;
       window.location.href = subject;
     }
     }
   }
   }
});
});

Aktuelle Version vom 8. August 2025, 14:41 Uhr

/* Eigene Sprachleiste: manuelles Umschalten + ULS-Integration + Fallback-Override */
mw.loader.using(['mediawiki.util', 'mediawiki.api', 'ext.uls.interface'], function () {

  // --- Nur im Lesemodus + Haupt-Namensraum ---
  var action = mw.config.get('wgAction');
  var ns = mw.config.get('wgNamespaceNumber');
  if (action !== 'view' || ns !== 0) return;

  // --- Sprachen ---
  var LANGS = [
    { code: 'de', label: 'Deutsch' },
    { code: 'en', label: 'English' },
    { code: 'fr', label: 'Français' }
  ];
  var ALLOWED = ['de', 'en', 'fr'];
  var FALLBACK = 'en';

  // Doppelte Einbindung vermeiden
  if (document.getElementById('custom-langbar')) return;

  var pageName = mw.config.get('wgPageName');
  var baseTitle = pageName.replace(/\/[a-z]{2}(?:-[a-z]{2})?$/i, '');

  function normalize(code) {
    if (!code) return FALLBACK;
    code = String(code).toLowerCase().split('-')[0];
    return ALLOWED.indexOf(code) > -1 ? code : FALLBACK;
  }

  // Ziel-URL mit Special:MyLanguage und uselang
  function targetUrl(code) {
    code = normalize(code);
    var title = 'Special:MyLanguage/' + baseTitle.replace(/_/g, ' ');
    var url = mw.util.getUrl(title);
    return url + (url.includes('?') ? '&' : '?') + 'uselang=' + code;
  }

  // --- Sprachleiste bauen ---
  var bar = document.createElement('div');
  bar.id = 'custom-langbar';

  var current = normalize(mw.config.get('wgUserLanguage') || mw.config.get('wgContentLanguage') || FALLBACK);

  LANGS.forEach(function (lang) {
    var a = document.createElement('a');
    a.href = '#';
    a.textContent = lang.label;
    if (current === lang.code) a.className = 'active-lang';
    a.addEventListener('click', function (e) {
      e.preventDefault();
      switchLanguage(lang.code);
    });
    bar.appendChild(a);
  });

  var mount =
    document.querySelector('.minerva-header') ||
    document.querySelector('.vector-header') ||
    document.getElementById('content') ||
    document.body;

  if (mount && mount.parentNode) {
    mount.parentNode.insertBefore(bar, mount.nextSibling);
  } else {
    document.body.insertBefore(bar, document.body.firstChild);
  }

  // --- Sprachwechsel ---
  function switchLanguage(code) {
    code = normalize(code);

    // Versuch: Sprache direkt über ULS setzen (für Gäste persistent)
    if (mw.uls && typeof mw.uls.setLanguage === 'function') {
      mw.uls.setLanguage(code);
    }

    // Für eingeloggte Benutzer: Option speichern
    if (mw.config.get('wgUserName')) {
      new mw.Api().postWithToken('csrf', {
        action: 'options',
        change: 'language=' + code
      }).always(function () {
        location.href = targetUrl(code);
      });
    } else {
      // Für Gäste: Sprache auch im localStorage sichern
      try { localStorage.setItem('preferredLang', code); } catch (e) {}
      location.href = targetUrl(code);
    }
  }

  // --- Bei Seitenaufruf für Gäste gespeicherte Sprache anwenden ---
  if (!mw.config.get('wgUserName')) {
    try {
      var pref = normalize(localStorage.getItem('preferredLang'));
      var currentLang = normalize(mw.config.get('wgUserLanguage'));
      if (pref && pref !== currentLang && !/[?&]uselang=/.test(location.search)) {
        location.replace(targetUrl(pref));
      }
    } catch (e) {}
  }

  // --- Anonyme markieren ---
  if (!mw.config.get('wgUserName')) {
    document.documentElement.classList.add('bv-anon');
  }

  // --- Gäste nicht auf Diskussionsseiten lassen ---
  if (!mw.config.get('wgUserName')) {
    var nsNum = mw.config.get('wgNamespaceNumber');
    if (nsNum % 2 === 1) {
      var subject = mw.util.getUrl(mw.config.get('wgPageName').replace(/^Talk:/, ''));
      window.location.href = subject;
    }
  }
});