MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus Wikikama
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
   if (mw.config.get('wgNamespaceNumber') >= 0) {
   if (mw.config.get('wgNamespaceNumber') >= 0) {
     if (!sessionStorage.getItem('supportBannerClosed')) {
     if (!sessionStorage.getItem('supportBannerClosed')) {
       // Banner einfügen, aber zunächst verstecken
       // Banner einfügen, zunächst verstecken
       $('body').prepend(
       $('body').append(
         '<div id="support-banner" style="display:none;">❤️ <b>WIKIKAMA und Mimikama sind unabhängig und werbefrei – hilf mit, das möglich zu machen!</b> ' +
         '<div id="support-banner" style="display:none;">❤️ <b>WIKIKAMA und Mimikama sind unabhängig und werbefrei – hilf mit, das möglich zu machen!</b> ' +
         '<a href="https://www.wikikama.org/index.php/Unterstützen" target="_blank" rel="noopener" style="margin-left:12px; text-decoration:underline;">Jetzt unterstützen!</a>' +
         '<a href="https://www.wikikama.org/index.php/Unterstützen" target="_blank" rel="noopener" style="margin-left:12px; text-decoration:underline;">Jetzt unterstützen!</a>' +
Zeile 10: Zeile 10:
         '</div>'
         '</div>'
       );
       );
       // Banner einblenden mit fadeIn
       // Banner einblenden
       $('#support-banner').fadeIn(500);
       $('#support-banner').fadeIn(500);


       // Schließen-Button Event
       // Schließen-Button
       $('#support-banner-close').on('click', function() {
       $('#support-banner-close').on('click', function() {
         $('#support-banner').fadeOut(300, function() {
         $('#support-banner').fadeOut(300, function() {
Zeile 19: Zeile 19:
         });
         });
         sessionStorage.setItem('supportBannerClosed', 'true');
         sessionStorage.setItem('supportBannerClosed', 'true');
         // Body-Padding anpassen
         // Body-Padding entfernen
         $('body').css('padding-top', '0');
         $('body').css('padding-bottom', '0');
       });
       });


       // Body Padding an Bannerhöhe anpassen
       // Padding unten am Body für den Banner
       var bannerHeight = $('#support-banner').outerHeight();
       var bannerHeight = $('#support-banner').outerHeight();
       $('body').css('padding-top', bannerHeight + 'px');
       $('body').css('padding-bottom', bannerHeight + 'px');
     } else {
     } else {
       // Banner ist geschlossen, Padding entfernen
       // Banner geschlossen, Padding entfernen
       $('body').css('padding-top', '0');
       $('body').css('padding-bottom', '0');
     }
     }
   }
   }
});
});





Version vom 1. Juni 2025, 04:50 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */
$(function () {
  if (mw.config.get('wgNamespaceNumber') >= 0) {
    if (!sessionStorage.getItem('supportBannerClosed')) {
      // Banner einfügen, zunächst verstecken
      $('body').append(
        '<div id="support-banner" style="display:none;">❤️ <b>WIKIKAMA und Mimikama sind unabhängig und werbefrei – hilf mit, das möglich zu machen!</b> ' +
        '<a href="https://www.wikikama.org/index.php/Unterstützen" target="_blank" rel="noopener" style="margin-left:12px; text-decoration:underline;">Jetzt unterstützen!</a>' +
        '<button id="support-banner-close" aria-label="Banner schließen" title="Schließen" style="margin-left:20px; cursor:pointer; background:none; border:none; font-size:18px; line-height:1; color:#111;">✖</button>' +
        '</div>'
      );
      // Banner einblenden
      $('#support-banner').fadeIn(500);

      // Schließen-Button
      $('#support-banner-close').on('click', function() {
        $('#support-banner').fadeOut(300, function() {
          $(this).remove();
        });
        sessionStorage.setItem('supportBannerClosed', 'true');
        // Body-Padding entfernen
        $('body').css('padding-bottom', '0');
      });

      // Padding unten am Body für den Banner
      var bannerHeight = $('#support-banner').outerHeight();
      $('body').css('padding-bottom', bannerHeight + 'px');
    } else {
      // Banner geschlossen, Padding entfernen
      $('body').css('padding-bottom', '0');
    }
  }
});



// === Meta-Tags in den <head> einfügen ===
$(function() {
  var og = '';
  og += '<meta property="og:title" content="' + mw.config.get('wgTitle') + ' – Wikikama" />';
  og += '<meta property="og:description" content="' + $('p').first().text().substr(0, 150) + '…" />';
  og += '<meta property="og:image" content="https://www.wikikama.org/images/default-og-image.png" />';
  $('head').append( og );
});
// === ShareButtons ===
$(document).ready(function() {
  var shareBox = `
    <div class="a2a_kit a2a_kit_size_32 a2a_default_style wikikama-sharebox" style="margin-top: 40px; font-family: Arial, sans-serif;">
      <strong style="display:block; margin-bottom: 10px;">🔗 Teile diesen Artikel:</strong>
      <a class="a2a_button_facebook" title="Teilen auf Facebook"></a>
      <a class="a2a_button_mastodon" title="Teilen auf Threads" href="#"></a>
      <a class="a2a_button_x" title="Teilen auf X (Twitter)"></a>
      <a class="a2a_button_telegram" title="Teilen auf Telegram"></a>
      <a class="a2a_button_whatsapp" title="Teilen auf WhatsApp"></a>
      <a class="a2a_button_linkedin" title="Teilen auf LinkedIn"></a>
      <a class="a2a_button_reddit" title="Teilen auf Reddit"></a>
      <a class="a2a_button_email" title="Teilen per E-Mail"></a>
    </div>
    <script async src="https://static.addtoany.com/menu/page.js"></script>
  `;

  if (mw.config.get("wgNamespaceNumber") === 0) {
    $(".mw-parser-output").append(shareBox);
    $(".a2a_button_mastodon").attr("href", "https://threads.net/share?text=" + encodeURIComponent(document.title) + "&url=" + encodeURIComponent(window.location.href));
  }
});