Jump to content

MediaWiki:Common.js: Difference between revisions

From Artemis Archive
← Older edit
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
 
(19 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. */
$(function () {
$(function () {
     if (mw.config.get('skin') !== 'vector-2022') {
    // check if MinervaNeue
         console.log('Not using Vector 2022');
     if (mw.config.get('skin') === 'minerva') {
         console.log('[ReportAbuseLink] when MinervaNeue skin，disable button');
         return;
         return;
     }
     }


     console.log('Using Vector 2022');
     mw.loader.using('mediawiki.util').then(function () {
        console.log('[ReportAbuseLink] insert hover button...');


    const tryInsert = () => {
        const pageTitle = 'Report_Animal_Abuse';
         const personalToolsList = document.querySelector('#vector-user-links ul');
        const linkHref = mw.util.getUrl(pageTitle);
         const linkText = '🚨 Report Animal Abuse';


         if (!personalToolsList) {
         if (document.getElementById('report-abuse-button')) return;
            console.log('Still waiting for #vector-user-links ul...');
            return false;
        }


         console.log('Found user links list — inserting Report Abuse link');
         // create <style> elements
        const style = document.createElement('style');
        style.textContent = `
            #report-abuse-button a:hover {
                background-color: #ff0000 !important;
                box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
                transform: scale(1.05);
                transition: all 0.2s ease-in-out;
            }
        `;
        document.head.appendChild(style);


         // Create the new list item
         // build button
         const li = document.createElement('li');
         const container = document.createElement('div');
         li.id = 'pt-reportabuse';
         container.id = 'report-abuse-button';
        container.innerHTML = `<a href="${linkHref}" style="
            display: inline-block;
            background-color: #b10000;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            padding: 10px 18px;
            border-radius: 8px;
            text-decoration: none;
            position: fixed;
            top: 12px;
            right: 12px;
            z-index: 9999;
            box-shadow: 0 4px 8px rgba(0,0,0,0.25);
        ">${linkText}</a>`;


         const link = document.createElement('a');
         document.body.appendChild(container);
        link.href = '/wiki/ReportAnimalAbuse'; // Update to your real URL if needed
         console.log('[ReportAbuseLink]');
        link.textContent = '🐾 Report Abuse';
     });
        link.title = 'Report animal abuse';
 
        li.appendChild(link);
 
         // Try to insert before Log in link
        const loginItem = document.querySelector('#pt-login');
        if (loginItem && loginItem.parentNode === personalToolsList) {
            personalToolsList.insertBefore(li, loginItem);
        } else {
            personalToolsList.appendChild(li);
        }
 
        return true;
    };
 
    // Retry every 100ms for up to 5 seconds
    let attempts = 0;
    const maxAttempts = 50;
    const interval = setInterval(() => {
        if (tryInsert() || ++attempts >= maxAttempts) {
            clearInterval(interval);
        }
     }, 100);
});
});

Latest revision as of 08:03, 21 April 2025

$(function () {
    // check if MinervaNeue
    if (mw.config.get('skin') === 'minerva') {
        console.log('[ReportAbuseLink] when MinervaNeue skin，disable button');
        return;
    }

    mw.loader.using('mediawiki.util').then(function () {
        console.log('[ReportAbuseLink] insert hover button...');

        const pageTitle = 'Report_Animal_Abuse';
        const linkHref = mw.util.getUrl(pageTitle);
        const linkText = '🚨 Report Animal Abuse';

        if (document.getElementById('report-abuse-button')) return;

        // create <style> elements
        const style = document.createElement('style');
        style.textContent = `
            #report-abuse-button a:hover {
                background-color: #ff0000 !important;
                box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
                transform: scale(1.05);
                transition: all 0.2s ease-in-out;
            }
        `;
        document.head.appendChild(style);

        // build button
        const container = document.createElement('div');
        container.id = 'report-abuse-button';
        container.innerHTML = `<a href="${linkHref}" style="
            display: inline-block;
            background-color: #b10000;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            padding: 10px 18px;
            border-radius: 8px;
            text-decoration: none;
            position: fixed;
            top: 12px;
            right: 12px;
            z-index: 9999;
            box-shadow: 0 4px 8px rgba(0,0,0,0.25);
        ">${linkText}</a>`;

        document.body.appendChild(container);
        console.log('[ReportAbuseLink]');
    });
});
Retrieved from "https://thelittlemole.press/index.php?title=MediaWiki:Common.js&oldid=62"