MediaWiki:Common.js: Unterschied zwischen den Versionen
Aus Wikikama
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 2: | Zeile 2: | ||
$(function () { | $(function () { | ||
if (mw.config.get('wgNamespaceNumber') >= 0) { | if (mw.config.get('wgNamespaceNumber') >= 0) { | ||
$('body').prepend ( | if (!sessionStorage.getItem('supportBannerClosed')) { | ||
// Banner einfügen, aber zunächst verstecken | |||
); | $('body').prepend( | ||
'<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 mit fadeIn | |||
$('#support-banner').fadeIn(500); | |||
// Schließen-Button Event | |||
$('#support-banner-close').on('click', function() { | |||
$('#support-banner').fadeOut(300, function() { | |||
$(this).remove(); | |||
}); | |||
sessionStorage.setItem('supportBannerClosed', 'true'); | |||
// Body-Padding anpassen | |||
$('body').css('padding-top', '0'); | |||
}); | |||
// Body Padding an Bannerhöhe anpassen | |||
var bannerHeight = $('#support-banner').outerHeight(); | |||
$('body').css('padding-top', bannerHeight + 'px'); | |||
} else { | |||
// Banner ist geschlossen, Padding entfernen | |||
$('body').css('padding-top', '0'); | |||
} | |||
} | } | ||
}); | }); | ||
// === Meta-Tags in den <head> einfügen === | // === Meta-Tags in den <head> einfügen === | ||
Version vom 31. Mai 2025, 19:59 Uhr
/* Das folgende JavaScript wird für alle Benutzer geladen. */
$(function () {
if (mw.config.get('wgNamespaceNumber') >= 0) {
if (!sessionStorage.getItem('supportBannerClosed')) {
// Banner einfügen, aber zunächst verstecken
$('body').prepend(
'<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 mit fadeIn
$('#support-banner').fadeIn(500);
// Schließen-Button Event
$('#support-banner-close').on('click', function() {
$('#support-banner').fadeOut(300, function() {
$(this).remove();
});
sessionStorage.setItem('supportBannerClosed', 'true');
// Body-Padding anpassen
$('body').css('padding-top', '0');
});
// Body Padding an Bannerhöhe anpassen
var bannerHeight = $('#support-banner').outerHeight();
$('body').css('padding-top', bannerHeight + 'px');
} else {
// Banner ist geschlossen, Padding entfernen
$('body').css('padding-top', '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));
}
});
