MediaWiki:Common.js: Difference between revisions

No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* ICE List – Anon donate banner (safe + scoped)
* - ONLY runs for anonymous users
* - ONLY styles when Anonnotice has content
* - Adds a close (×) button (guaranteed visible)
* - Remembers dismissal in localStorage
*/
(function () {
(function () {
   'use strict';
   'use strict';
Line 11: Line 5:
   var DAYS = 14;
   var DAYS = 14;


  // Only for anonymous users
   if (!mw.user.isAnon()) return;
   if (!mw.user.isAnon()) return;


  // Respect dismissal window
   var until = parseInt(localStorage.getItem(KEY) || '0', 10);
   var until = parseInt(localStorage.getItem(KEY) || '0', 10);
   if (Date.now() < until) return;
   if (Date.now() < until) return;
Line 22: Line 14:
     if (!siteNotice) return;
     if (!siteNotice) return;


     // If Anonnotice is empty (or only whitespace), do nothing
     // If empty, do nothing
     var txt = (siteNotice.textContent || '').replace(/\s+/g, ' ').trim();
     var txt = (siteNotice.textContent || '').replace(/\s+/g, ' ').trim();
     if (!txt) return;
     if (!txt) return;


    // Mark for scoped CSS
     siteNotice.classList.add('icelist-anon-donate');
     siteNotice.classList.add('icelist-anon-donate');


    // Ensure positioning context for absolute close button (CSS can override, but this helps)
     // Add close button once
    if (!siteNotice.style.position) siteNotice.style.position = 'relative';
 
    // Find the Donate link (prefer a hook if present)
    var donateLink = siteNotice.querySelector('.icelist-donate-cta a');
    if (!donateLink) {
      donateLink = siteNotice.querySelector('a[href*="ICE_List_Wiki:Donate"]');
    }
    if (donateLink) donateLink.classList.add('icelist-donate-btn');
 
     // Add close button if it doesn't already exist
     if (!siteNotice.querySelector('.icelist-notice-close')) {
     if (!siteNotice.querySelector('.icelist-notice-close')) {
       var btn = document.createElement('button');
       var btn = document.createElement('button');
Line 46: Line 27:
       btn.setAttribute('aria-label', 'Close');
       btn.setAttribute('aria-label', 'Close');
       btn.textContent = '×';
       btn.textContent = '×';
      // Insert FIRST so it can't get pushed off-screen by table/flex layout
       siteNotice.insertBefore(btn, siteNotice.firstChild);
       siteNotice.insertBefore(btn, siteNotice.firstChild);


       btn.addEventListener('click', function (e) {
       btn.addEventListener('click', function (e) {
         e.preventDefault();
         e.preventDefault();
        e.stopPropagation();
         siteNotice.style.display = 'none';
         siteNotice.style.display = 'none';
         localStorage.setItem(KEY, String(Date.now() + DAYS * 24 * 60 * 60 * 1000));
         localStorage.setItem(KEY, String(Date.now() + DAYS * 24 * 60 * 60 * 1000));
Line 59: Line 37:
   }
   }


   // Run after MediaWiki has built the DOM (safer than raw DOMContentLoaded)
   if (document.readyState === 'loading') {
  if (typeof mw !== 'undefined' && mw.hook) {
    mw.hook('wikipage.content').add(function () {
      mount();
    });
  } else if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', mount);
     document.addEventListener('DOMContentLoaded', mount);
   } else {
   } else {