MediaWiki:Common.js: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1: / Zeile 1: @@
 /* Das folgende JavaScript wird für alle Benutzer geladen. */
+/* Charity-Popup (v5) – einmal pro Tag, mit Herz-Logo-Effekt */
+mw.loader.using(['mediawiki.util', 'jquery']).then(function () {
+  (function ($, mw) {
+    'use strict';
+    var CONFIG = {
+      enabled: true,
+      id: 'charity_notice_v5', // Bei Änderungen erhöhen
+      title: 'Charity für Kinderherzen',
+      // Tipp: Logo besser lokal im Wiki hosten, falls externe Bilder blockiert werden:
+      logoUrl: 'https://www.kinderherzen.de/wp-content/uploads/logo_kinderherzen.png',
+      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.thewhiskywaiter.com/charity-event" target="_blank" rel="noopener" class="mw-ui-button">Mehr erfahren</a></p>',
+      showOnNamespaces: 'all', // 'all' oder z.B. [0,4]
+      dailyLimit: 1,
+      escToClose: true,
+      clickBackdropToClose: true
+    };
+    if (!CONFIG.enabled) return;
+    // Namespace-Filter
+    var ns = mw.config.get('wgNamespaceNumber');
+    if (CONFIG.showOnNamespaces !== 'all' &&
+        $.isArray(CONFIG.showOnNamespaces) &&
+        $.inArray(ns, CONFIG.showOnNamespaces) === -1) {
+      return;
+    }
+    // Einmal-pro-Tag
+    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); }
+    // DOM erst nach Render
+    $(function () {
+      // Overlay + Modal
+      var $overlay = $('<div>', { 'class': 'mw-popup-overlay' });
+      var $modal = $('<div>', { 'class': 'mw-popup-modal', 'role': 'dialog', 'aria-modal': 'true' });
+      var $logoWrap = $('<div>', { 'class': 'mw-popup-logo' })
+        .append($('<div>', { 'class': 'mw-popup-heart' }))
+        .append($('<img>', { src: CONFIG.logoUrl, alt: 'Kinderherzen Logo' }));
+      var $title = $('<h2>').text(CONFIG.title);
+      var $content = $('<div>', { 'class': 'mw-popup-content' }).html(CONFIG.html);
+      var $btn = $('<button>', { 'class': 'mw-popup-close', type: 'button' }).text('OK');
+      $modal.append($logoWrap, $title, $content, $btn);
+      $('body').append($overlay, $modal);
+      function close() {
+        markSeen();
+        $overlay.remove();
+        $modal.remove();
+        $(document).off('keydown.mwpopup');
+      }
+      $btn.on('click', close);
+      if (CONFIG.clickBackdropToClose) $overlay.on('click', close);
+      if (CONFIG.escToClose) {
+        $(document).on('keydown.mwpopup', function (e) {
+          e = e || window.event;
+          var key = e.key || e.keyCode;
+          if (key === 'Escape' || key === 'Esc' || key === 27) {
+            e.preventDefault();
+            close();
+          }
+        });
+      }
+      // Als gesehen markieren (damit Reload am selben Tag nicht erneut zeigt)
+      markSeen();
+    });
+  })(jQuery, mw);
+}).catch(function (e) {
+  // Fallback: falls Loader scheitert, leise ignorieren
+  // console.error('Popup init error:', e);
+});