Jump to content

MediaWiki:Common.js: Difference between revisions

From Verified Wikipedia
Created page with " // Scroll to top on page load or refresh window.addEventListener('load', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); }); --- VERIFIED BADGE SCRIPT (Twitter-style, inline with title) ---: mw.loader.using('mediawiki.util').then(function () { $(function () { const verifiedPages = [ 'Narendra_Modi', // Add more verified page names here ]; const currentPage = mw.config.get('wgPageName'); if (verifiedPages.includes(curr..."
 
No edit summary
Tag: Manual revert
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
 
 
// Scroll to top on page load or refresh
// Scroll to top on page load or refresh
window.addEventListener('load', function() {
window.addEventListener('load', function() {
Line 10: Line 12:
mw.loader.using('mediawiki.util').then(function () {
mw.loader.using('mediawiki.util').then(function () {
   $(function () {
   $(function () {
    const verifiedPages = [
      'Narendra_Modi', // Add more verified page names here
    ];


     const currentPage = mw.config.get('wgPageName');
    /* Badge + Popup HTML (matches your CSS exactly) */
     const badgeHTML = `
      <span class="verified-badge" aria-label="Verified">
        <img class="badge-icon"
            src="https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg"
            width="20" height="20"
            alt="Verified">


    if (verifiedPages.includes(currentPage)) {
         <div class="verified-popup" role="dialog" aria-hidden="true">
      const badgeHTML = `
          <div class="popup-title">Verified</div>
         <span class="verified-badge" aria-label="Verified">
 
          <img class="badge-icon" src="https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg"
          <div class="popup-description">
              width="20" height="20" alt="Verified">
            <img class="inline-verified-icon"
          <div class="verified-popup" role="dialog" aria-hidden="true">
                src="https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg"
            <div class="popup-title">Verified:</div>
                width="16" height="16"
            <div class="popup-description">
                alt="Verified icon">
              <img class="inline-verified-icon"  
           
                  src="https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg"  
            <div class="popup-text">
                  width="16" height="16" alt="Verified icon">
              Articles or profiles with a verified badge have been authenticated  
              <div class="popup-text">
              and may represent verified subscribers, notable individuals,  
                Articles or profiles with a verified badge have been authenticated and can represent verified subscribers, notable individuals, government entities, or official organizations.
              government entities, or official organizations.
                <a href="#"> Learn more</a>
              <a href="#">Learn more</a>
              </div>
             </div>
             </div>
           </div>
           </div>
         </span>`;
         </div>
      </span>
    `;
 
    /* Add badge inline with page title */
    const heading = $(".firstHeading");
    heading.css({
      "display": "inline-flex",
      "align-items": "center",
      "gap": "6px"
    });
 
    heading.append(badgeHTML);


      // Make the heading inline and vertically center contents, then append badge
      const heading = $(".firstHeading");
      heading.css({
        "display": "inline-flex",
        "align-items": "center",
        "gap": "6px"
      });
      heading.append(badgeHTML);
    }
   });
   });
});
});

Latest revision as of 00:48, 4 December 2025

/* Any JavaScript here will be loaded for all users on every page load. */


// Scroll to top on page load or refresh
window.addEventListener('load', function() {
    window.scrollTo({ top: 0, behavior: 'smooth' });
});



/* --- VERIFIED BADGE SCRIPT (Twitter-style, inline with title) --- */
mw.loader.using('mediawiki.util').then(function () {
  $(function () {

    /* Badge + Popup HTML (matches your CSS exactly) */
    const badgeHTML = `
      <span class="verified-badge" aria-label="Verified">
        <img class="badge-icon" 
             src="https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg" 
             width="20" height="20" 
             alt="Verified">

        <div class="verified-popup" role="dialog" aria-hidden="true">
          <div class="popup-title">Verified</div>

          <div class="popup-description">
            <img class="inline-verified-icon"
                 src="https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Verified_Badge.svg"
                 width="16" height="16"
                 alt="Verified icon">
            
            <div class="popup-text">
              Articles or profiles with a verified badge have been authenticated 
              and may represent verified subscribers, notable individuals, 
              government entities, or official organizations.
              <a href="#">Learn more</a>
            </div>
          </div>
        </div>
      </span>
    `;

    /* Add badge inline with page title */
    const heading = $(".firstHeading");
    heading.css({
      "display": "inline-flex",
      "align-items": "center",
      "gap": "6px"
    });

    heading.append(badgeHTML);

  });
});