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

/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* 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);
});