MediaWiki:Common.js: Unterschied zwischen den Versionen

Version vom 5. September 2025, 21:37 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */

// === Skript 1 ===
/* Charity-Popup (v9) – mit zwei Buttons nebeneinander/untereinander je nach Platz */
mw.loader.using(['mediawiki.util', 'jquery']).then(function () {
  (function ($, mw) {
    'use strict';

    var CONFIG = {
      enabled: true,
      id: 'charity_notice_v9', // Version hochsetzen, damit alle es sehen
      title: 'Charity für kinderherzen e.V',
      logoUrl: 'https://www.kinderherzen.de/wp-content/uploads/2019/03/kinderherzen.de_orange_RGB.jpg',
      html:
        '<p>Liebe Whisky, ADoS Heads,</p>' +
        '<p>wir wurden jetzt schon gefragt, ob ihr dieses Wiki-Projekt unterstützen könnt.</p>' +
        '<p>Wir freuen uns sehr, dass dieses Projekt so gut angenommen wurde.</p>' +
        '<p>Wir würden uns daher sehr freuen, wenn ihr anstatt uns, lieber das Projekt vom Whiskywaiter unterstützen würdet.</p>' +
        '<p><strong>Jede Spende zählt!</strong></p>' +
        '<p><a href="https://www.kinderherzen.de/whisky-fuer-den-guten-zweck/" target="_blank" rel="noopener" class="mw-ui-button">Mehr erfahren</a></p>',
      wikiButton: {
        text: 'Mehr auf dem Wiki',
        url: 'https://ados-wiki.de/index.php?title=Charity-Event_%E2%80%9EWhisky_f%C3%BCr_den_guten_Zweck%E2%80%9C_%E2%80%93_The_Whisky_Waiter'
      },
      showOnNamespaces: 'all',
      dailyLimit: 1,
      escToClose: true,
      clickBackdropToClose: true
    };

    if (!CONFIG.enabled) return;

    var ns = mw.config.get('wgNamespaceNumber');
    if (CONFIG.showOnNamespaces !== 'all' &&
        $.isArray(CONFIG.showOnNamespaces) &&
        $.inArray(ns, CONFIG.showOnNamespaces) === -1) {
      return;
    }

    var isAnon = mw.config.get('wgUserName') === null;
    function storageGet(k){ try { return window.localStorage.getItem(k); } catch (e) { return null; } }
    function storageSet(k,v){ try { window.localStorage.setItem(k, v); } catch (e) {} }
    var key = 'popup_' + CONFIG.id + (isAnon ? ':anon' : ':user');
    var today = (function(d){ return d.getFullYear() + '-' + ('0'+(d.getMonth()+1)).slice(-2) + '-' + ('0'+d.getDate()).slice(-2); })(new Date());
    if (storageGet(key) === today) return;
    function markSeen(){ storageSet(key, today); }

    $(function () {
      var $overlay = $('<div>', { 'class': 'mw-popup-overlay' });
      var $modal = $('<div>', {
        'class': 'mw-popup-modal',
        'role': 'dialog',
        'aria-modal': 'true',
        'aria-labelledby': 'mw-popup-title'
      });

      var $logoWrap = $('<div>', { 'class': 'mw-popup-logo' })
        .append($('<div>', { 'class': 'mw-popup-heart' }))
        .append($('<img>', { src: CONFIG.logoUrl, alt: 'Kinderherzen Logo' }));

      var $title = $('<h2>', { id: 'mw-popup-title' }).text(CONFIG.title);
      var $content = $('<div>', { 'class': 'mw-popup-content' }).html(CONFIG.html);

      var $btnOk = $('<button>', { 'class': 'mw-popup-close', type: 'button' }).text('OK');
      var $btnWiki = $('<a>', {
        'class': 'mw-popup-wiki-button',
        'href': CONFIG.wikiButton.url,
        'target': '_blank',
        'rel': 'noopener'
      }).text(CONFIG.wikiButton.text);

      var $btnWrapper = $('<div>', { 'class': 'mw-popup-button-row' }).append($btnOk, $btnWiki);

      $modal.append($logoWrap, $title, $content, $btnWrapper);
      $('body').append($overlay, $modal);

      // Fokus setzen
      setTimeout(function(){ try { $modal.attr('tabindex','-1').focus(); } catch(e) {} }, 0);

      function close() {
        markSeen();
        $overlay.remove();
        $modal.remove();
        $(document).off('keydown.mwpopup');
      }

      $btnOk.on('click', close);
      if (CONFIG.clickBackdropToClose) $overlay.on('click', close);
      if (CONFIG.escToClose) {
        $(document).on('keydown.mwpopup', function (e) {
          var key = e.key || e.keyCode;
          if (key === 'Escape' || key === 'Esc' || key === 27) {
            e.preventDefault();
            close();
          }
        });
      }

      markSeen();
    });
  })(jQuery, mw);
});



// === Skript 2 ===
/* Sticky Charity Banner (v1) – MediaWiki
   - Fix am oberen Rand
   - Schließen mit Erinnerung (session/day/forever)
   - Automatisches Ende via endISO
   - Links: Extern + interne Wiki-Seite
*/
mw.loader.using(['mediawiki.util', 'jquery']).then(function () {
  (function ($, mw) {
    'use strict';

    var CONFIG = {
      enabled: true,
      id: 'charity_banner_v1',              // Bei inhaltlichen Änderungen erhöhen
      text: '❤️ Unterstütze die Kinderherzen-Charity – Jede Spende zählt!',
      primary: {                            // Externer Link
        label: 'Mehr erfahren',
        href: 'https://www.kinderherzen.de/whisky-fuer-den-guten-zweck/'
      },
      secondary: {                          // Interner Wiki-Link
        label: 'Mehr auf dem Wiki',
        href: 'https://ados-wiki.de/index.php?title=Charity-Event_%E2%80%9EWhisky_f%C3%BCr_den_guten_Zweck%E2%80%9C_%E2%80%93_The_Whisky_Waiter'
      },
      showOnNamespaces: 'all',              // 'all' oder Array z. B. [0,4]
      endISO: null,                         // z. B. '2025-10-06T23:59:59Z' (danach ausgeblendet)
      dismiss: { mode: 'day' },             // 'session' | 'day' | 'forever'
      zIndex: 10050                         // über normalen Headern
    };

    if (!CONFIG.enabled) return;

    // Zeitfenster prüfen
    if (CONFIG.endISO && new Date() > new Date(CONFIG.endISO)) return;

    // Namespace-Filter
    var ns = mw.config.get('wgNamespaceNumber');
    if (CONFIG.showOnNamespaces !== 'all' &&
        $.isArray(CONFIG.showOnNamespaces) &&
        $.inArray(ns, CONFIG.showOnNamespaces) === -1) {
      return;
    }

    // Dismiss-Speicher
    function getLS(k){ try { return localStorage.getItem(k); } catch(e){ return null; } }
    function setLS(k,v){ try { localStorage.setItem(k,v); } catch(e){} }
    var key = 'sticky_banner:' + CONFIG.id;
    var today = (function(d){ return d.getFullYear()+'-'+('0'+(d.getMonth()+1)).slice(-2)+'-'+('0'+d.getDate()).slice(-2); })(new Date());
    var dismissed = getLS(key);

    if (CONFIG.dismiss.mode === 'forever' && dismissed) return;
    if (CONFIG.dismiss.mode === 'day' && dismissed === today) return;
    // session: nicht in localStorage speichern → immer wieder pro Session möglich

    $(function () {
      // Banner HTML
      var $bar = $('<div>', {
        'class': 'mw-sticky-banner',
        'role': 'region',
        'aria-label': 'Charity-Hinweis',
        'style': 'z-index:' + CONFIG.zIndex + ';'
      });

      var $inner = $('<div>', { 'class': 'mw-sticky-banner__inner' });

      var $text = $('<div>', { 'class': 'mw-sticky-banner__text', 'html': mw.html.escape(CONFIG.text) });

      // Buttons
      var $btns = $('<div>', { 'class': 'mw-sticky-banner__btns' });
      if (CONFIG.primary && CONFIG.primary.href) {
        $btns.append($('<a>', {
          'class': 'mw-sticky-banner__btn mw-sticky-banner__btn--primary',
          'href': CONFIG.primary.href,
          'target': '_blank',
          'rel': 'noopener'
        }).text(CONFIG.primary.label || 'Mehr erfahren'));
      }
      if (CONFIG.secondary && CONFIG.secondary.href) {
        $btns.append($('<a>', {
          'class': 'mw-sticky-banner__btn mw-sticky-banner__btn--secondary',
          'href': CONFIG.secondary.href
        }).text(CONFIG.secondary.label || 'Mehr auf dem Wiki'));
      }

      var $close = $('<button>', {
        'class': 'mw-sticky-banner__close',
        'type': 'button',
        'aria-label': 'Banner schließen'
      }).text('×');

      $inner.append($text, $btns, $close);
      $bar.append($inner);
      $('body').prepend($bar);
      $('body').addClass('mw-sticky-banner-active');

      function rememberDismiss() {
        if (CONFIG.dismiss.mode === 'forever') { setLS(key, '1'); }
        else if (CONFIG.dismiss.mode === 'day') { setLS(key, today); }
        // session → nichts speichern
      }

      function close() {
        rememberDismiss();
        $bar.remove();
        $('body').removeClass('mw-sticky-banner-active');
      }

      $close.on('click', close);
    });
  })(jQuery, mw);
});






/* Whisky-Ratings – eigenes Frontend für RatePage (Variante B, robust + Stats) */
mw.loader.using(['mediawiki.api', 'mediawiki.user']).then(function () {

  function init() {
    document.querySelectorAll('.whisky-rating__item').forEach(setupWidget);
    initMetaOnly(); // unsere extra Anzeige nur mit Ø/Stimmen
  }

  function setupWidget(box) {
    const pageId  = mw.config.get('wgArticleId');
    const contest = box.dataset.ratepageContest || undefined;
    const scale   = parseInt(box.dataset.ratepageScale || '10', 10);

    const widget  = box.querySelector('.whisky-rating__widget');
    const meta    = box.querySelector('.whisky-rating__meta');

    const isAnon  = mw.user.isAnon();
    if (isAnon) {
      box.classList.add('whisky-rating--disabled');
      meta.textContent = 'Bitte einloggen, um zu bewerten.';
    }

    // --- Buttons bauen ---
    const buttons = [];
    for (let i = 1; i <= scale; i++) {
      const btn = document.createElement('button');
      btn.type = 'button';
      btn.className = 'whisky-glass';
      btn.setAttribute('aria-label', i + ' von ' + scale);
      btn.setAttribute('aria-pressed', 'false');

      if (isAnon) {
        btn.disabled = true;
        btn.title = 'Nur für registrierte Benutzer';
      } else {
        btn.title = i + ' / ' + scale;
        btn.addEventListener('mouseenter', () => highlight(i));
        btn.addEventListener('mouseleave', () => highlight(current));
        btn.addEventListener('click', () => vote(i));
        btn.addEventListener('keydown', (e) => {
          if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); vote(i); }
          if (e.key === 'ArrowRight' && i < scale) buttons[i].focus();
          if (e.key === 'ArrowLeft'  && i > 1)     buttons[i-2].focus();
        });
      }
      widget.appendChild(btn);
      buttons.push(btn);
    }

    let current = 0;
    highlight(current);

    function highlight(n) {
      buttons.forEach((b, idx) => {
        const active = (idx < n);
        b.classList.toggle('is-active', active);
        b.setAttribute('aria-pressed', active ? 'true' : 'false');
      });
    }


// --- Stats laden (Ø & Stimmen, eigene Stimme, canVote/see) ---
function updateStats() {
  const api = new mw.Api();
  api.get({
    action: 'query',
    prop: 'pagerating',
    pageids: pageId,
    prcontest: contest || undefined,
    format: 'json'
  }).done(function (data) {
    try {
      // Robuster Zugriff: Page-ID-String aus dem Response nehmen
      const pages = (data && data.query && data.query.pages) || {};
      const pid = Object.keys(pages)[0];
      const page = pages[pid] || {};
      const pr = page.pagerating;

      if (!pr) {
        // Keine Daten – lieber neutralen Text setzen
        meta.textContent = meta.textContent || 'Noch keine Bewertungen';
        return;
      }

      // Ergebnisse sichtbar?
      if (typeof pr.canSee !== 'undefined' && pr.canSee === 0) {
        meta.textContent = 'Bewertungen sind verborgen.';
      } else {
        const hist = pr.pageRating || {};
        let total = 0, sum = 0;
        Object.keys(hist).forEach(k => {
          const s = parseInt(k, 10), c = parseInt(hist[k], 10);
          if (!isNaN(s) && !isNaN(c)) { total += c; sum += s * c; }
        });
        meta.textContent = total
          ? ('Ø ' + (Math.round((sum/total)*10)/10) + ' (' + total + ' Stimmen)')
          : 'Noch keine Bewertungen';
      }

      // eigene Stimme hervorheben
      if (pr.userVote) {
        current = pr.userVote;
        highlight(current);
      }

      // Voting ggf. deaktivieren
      if (typeof pr.canVote !== 'undefined' && pr.canVote === 0) {
        box.classList.add('whisky-rating--disabled');
        widget.querySelectorAll('.whisky-glass').forEach(b => b.disabled = true);
        if (!/nicht abstimmen/.test(meta.textContent)) {
          meta.textContent += (meta.textContent ? ' • ' : '') + 'Du darfst hier nicht abstimmen.';
        }
      }
    } catch (e) {
      console.error(e);
      if (!meta.textContent) meta.textContent = 'Bewertungen konnten nicht geladen werden.';
    }
  }).fail(function (xhr) {
    console.error('Pagerating-Load-Error', xhr);
    if (!meta.textContent) meta.textContent = 'Bewertungen konnten nicht geladen werden.';
  });
}

// --- Vote senden (per pageid) ---
function vote(value) {
  const api = new mw.Api();
  meta.textContent = 'Wird gespeichert …';

  // Sicherheitsnetz: nach 8s nicht hängen bleiben
  let saved = false;
  const failTimer = setTimeout(function () {
    if (!saved) meta.textContent = 'Speichern dauert ungewöhnlich lange … bitte Seite neu laden.';
  }, 8000);

  api.postWithToken('csrf', {
    action: 'ratepage',
    pageid: pageId,                 // ROBUST
    answer: value,                  // 1..10
    contest: contest || undefined,  // Kategorie
    format: 'json'
  }).done(function () {
    saved = true;
    clearTimeout(failTimer);
    current = value;
    highlight(current);

    // Sofort eine Bestätigung anzeigen …
    meta.textContent = 'Danke! Deine Bewertung: ' + value + ' / ' + scale;

    // … und dann die echten Ø/Count nachladen
    updateStats();
  }).fail(function (xhr) {
    clearTimeout(failTimer);
    let msg = 'Unbekannter Fehler';
    try {
      const j = xhr && xhr.responseJSON ? xhr.responseJSON : xhr;
      if (j && j.error) {
        msg = (j.error.code ? j.error.code + ': ' : '') + (j.error.info || '');
      }
    } catch(e){}
    console.error('RatePage-API-Fehler:', xhr);
    meta.textContent = 'Speichern fehlgeschlagen: ' + msg;
  });
}
    updateStats();
  }

  /* --- Extra-Funktion für meta-only-Anzeigen --- */
  function initMetaOnly() {
    document.querySelectorAll('.whisky-rating__meta-only').forEach(function (box) {
      const pageId = parseInt(box.dataset.ratepagePageid || mw.config.get('wgArticleId'), 10);
      const contest = box.dataset.ratepageContest || undefined;
      const api = new mw.Api();
      api.get({
        action: 'query',
        prop: 'pagerating',
        pageids: pageId,
        prcontest: contest || undefined,
        format: 'json'
      }).done(function (data) {
        const pr = data.query.pages[pageId].pagerating;
        if (!pr) { box.textContent = ''; return; }
        if (typeof pr.canSee !== 'undefined' && pr.canSee === 0) {
          box.textContent = 'Bewertung verborgen';
          return;
        }
        const hist = pr.pageRating || {};
        let total = 0, sum = 0;
        Object.keys(hist).forEach(k => {
          const s = parseInt(k, 10), c = parseInt(hist[k], 10);
          if (!isNaN(s) && !isNaN(c)) { total += c; sum += s * c; }
        });
        box.textContent = total
          ? ('Ø ' + (Math.round((sum/total)*10)/10) + ' (' + total + ' Stimmen)')
          : 'Noch keine Bewertungen';
      });
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }

});