User:Tark/common.js: Difference between revisions

From the Portal Wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 335: Line 335:
   
   
$( createCollapseButtons );
$( createCollapseButtons );
/** Dynamic Navigation Bars (experimental) *************************************
*
*  Description: See [[Wikipedia:NavFrame]].
*  Maintainers: UNMAINTAINED
*/
// set up the words in your language
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';
// shows and hides content and picture (if available) of navigation bars
// Parameters:
//    indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(indexNavigationBar){
    var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
    var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
    if (!NavFrame || !NavToggle) {
        return false;
    }
    // if shown now
    if (NavToggle.firstChild.data == NavigationBarHide) {
        for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
            if (hasClass(NavChild, 'NavContent') || hasClass(NavChild, 'NavPic')) {
                NavChild.style.display = 'none';
            }
        }
    NavToggle.firstChild.data = NavigationBarShow;
    // if hidden now
    } else if (NavToggle.firstChild.data == NavigationBarShow) {
        for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
            if (hasClass(NavChild, 'NavContent') || hasClass(NavChild, 'NavPic')) {
                NavChild.style.display = 'block';
            }
        }
        NavToggle.firstChild.data = NavigationBarHide;
    }
}
// adds show/hide-button to navigation bars
function createNavigationBarToggleButton(){
    var indexNavigationBar = 0;
    // iterate over all < div >-elements
    var divs = document.getElementsByTagName("div");
    for (var i = 0; NavFrame = divs[i]; i++) {
        // if found a navigation bar
        if (hasClass(NavFrame, "NavFrame")) {
            indexNavigationBar++;
            var NavToggle = document.createElement("a");
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
            NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
            var isCollapsed = hasClass( NavFrame, "collapsed" );
            /*
            * Check if any children are already hidden.  This loop is here for backwards compatibility:
            * the old way of making NavFrames start out collapsed was to manually add style="display:none"
            * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
            * the content visible without JavaScript support), the new recommended way is to add the class
            * "collapsed" to the NavFrame itself, just like with collapsible tables.
            */
            for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
                if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
                    if ( NavChild.style.display == 'none' ) {
                        isCollapsed = true;
                    }
                }
            }
            if (isCollapsed) {
                for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
                    if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
                        NavChild.style.display = 'none';
                    }
                }
            }
            var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);
            NavToggle.appendChild(NavToggleText);
            // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
            for(var j=0; j < NavFrame.childNodes.length; j++) {
                if (hasClass(NavFrame.childNodes[j], "NavHead")) {
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
                    NavFrame.childNodes[j].appendChild(NavToggle);
                }
            }
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
        }
    }
}
$( createNavigationBarToggleButton );
//END Collapsible tables *********************************************************

Revision as of 14:39, 29 November 2022

// Begin User info
// Adapted from http://en.wikipedia.org/wiki/w:User:PleaseStand/User_info
function UserinfoJsFormatQty(qty, singular, plural) {
    return String(qty).replace(/\d{1,3}(?=(\d{3})+(?!\d))/g, "$&,") + "\u00a0" + (qty == 1 ? singular : plural);
}

function UserinfoJsFormatDateRel(old) {
    // The code below requires the computer's clock to be set correctly.
    var age = new Date().getTime() - old.getTime();
    var ageNumber, ageRemainder, ageWords;
    if (age < 60000) {
        // less than one minute old
        ageNumber = Math.floor(age / 1000);
        ageWords = UserinfoJsFormatQty(ageNumber, "second", "seconds");
    } else if (age < 3600000) {
        // less than one hour old
        ageNumber = Math.floor(age / 60000);
        ageWords = UserinfoJsFormatQty(ageNumber, "minute", "minutes");
    } else if (age < 86400000) {
        // less than one day old
        ageNumber = Math.floor(age / 3600000);
        ageWords = UserinfoJsFormatQty(ageNumber, "hour", "hours");
        ageRemainder = Math.floor((age - ageNumber * 3600000) / 60000);
    } else if (age < 604800000) {
        // less than one week old
        ageNumber = Math.floor(age / 86400000);
        ageWords = UserinfoJsFormatQty(ageNumber, "day", "days");
    } else if (age < 2592000000) {
        // less than one month old
        ageNumber = Math.floor(age / 604800000);
        ageWords = UserinfoJsFormatQty(ageNumber, "week", "weeks");
    } else if (age < 31536000000) {
        // less than one year old
        ageNumber = Math.floor(age / 2592000000);
        ageWords = UserinfoJsFormatQty(ageNumber, "month", "months");
    } else {
        // one year or older
        ageNumber = Math.floor(age / 31536000000);
        ageWords = UserinfoJsFormatQty(ageNumber, "year", "years");
        ageRemainder =
            Math.floor((age - ageNumber * 31536000000) / 2592000000);
        if (ageRemainder) {
            ageWords += " " +
                UserinfoJsFormatQty(ageRemainder, "month", "months");
        }
    }
    return ageWords;
}

// If on a user or user talk page, and not a subpage...
if ((mw.config.get("wgNamespaceNumber") == 2 || mw.config.get("wgNamespaceNumber") == 3)) {
    // add a hook to...
    mw.loader.using(["mediawiki.util"], function () {
        $(function () {
            // Request the user's information from the API.
            // Note that this is allowed to be up to 5 minutes old.
            var et = encodeURIComponent(mw.config.get("wgTitle"));

            $.getJSON(mw.config.get("wgScriptPath") + "/api.php?format=json&action=query&list=users|usercontribs&usprop=blockinfo|editcount|gender|registration|groups&uclimit=1&ucprop=timestamp&ususers=" + et + "&ucuser=" + et + "&meta=allmessages&amprefix=grouppage-&amincludelocal=1")
                .done(function (query) {
                    // When response arrives extract the information we need.
                    if (!query.query) {
                        return;
                    } // Suggested by Gary King to avoid JS errors --PS 2010-08-25

                    query = query.query;

                    var user, invalid, missing, groups, editcount, registration, blocked, lastEdited;

                    try {
                        user = query.users[0];
                        invalid = typeof user.invalid != "undefined";
                        missing = typeof user.missing != "undefined";
                        groups = (typeof user.groups == "object") ? user.groups : [];
                        editcount = (typeof user.editcount == "number") ? user.editcount : null;
                        registration = (typeof user.registration == "string") ?
                            new Date(user.registration) : null;
                        blocked = typeof user.blockedby != "undefined";
                        lastEdited = (typeof query.usercontribs[0] == "object") &&
                            (typeof query.usercontribs[0].timestamp == "string") ?
                            new Date(query.usercontribs[0].timestamp) : null;
                    } catch (e) {
                        return; // Not much to do if the server is returning an error (e.g. if the username is malformed).
                    }

                    // Format the information for on-screen display
                    var statusText = "";

                    if (blocked) {
                        statusText += "<a href=\"" + mw.config.get("wgScriptPath") +
                            "/index.php?title=Special:Log&amp;page=" +
                            encodeURIComponent(mw.config.get("wgFormattedNamespaces")[2] + ":" + user.name) +
                            "&amp;type=block\">blocked</a> ";
                    }

                    if (missing) {
                        statusText += "username not registered";
                    } else if (invalid) {
                        statusText += "invalid username";
                    } else {
                        var friendlyGroupNames = {
                            "*": false,
                            "user": false,
                            "autoconfirmed": false,
                            sysop: "administrator",
                            suppress: "suppressor"
                        };

                        var friendlyGroups = [];

                        for (var i = 0; i < groups.length; ++i) {
                            var s = groups[i];
                            var t = friendlyGroupNames.hasOwnProperty(s) ? friendlyGroupNames[s] : s;

                            if (t) {
                                friendlyGroups.push(t);
                            }
                        }

                        switch (friendlyGroups.length) {
                            case 0:
                                if (blocked) {
                                    statusText += "user";
                                } else {
                                    statusText += "registered user";
                                }
                                break;
                            case 1:
                                statusText += friendlyGroups[0];
                                break;
                            case 2:
                                statusText += friendlyGroups[0] + " and " + friendlyGroups[1];
                                break;
                            default:
                                statusText += friendlyGroups.slice(0, -1).join(", ") +
                                    ", and " + friendlyGroups[friendlyGroups.length - 1];
                                break;
                        }
                    }

                    // Registration date
                    if (registration) {
                        var firstLoggedUser = new Date("22:16, 7 September 2005"); // When the [[Special:Log/newusers]] was first activated
                        if (registration >= firstLoggedUser) {
                            statusText += ", <a href='" + mw.config.get("wgScriptPath") +
                                "/index.php?title=Special:Log&amp;type=newusers&amp;dir=prev&amp;limit=1&amp;user=" +
                                et + "'>" + UserinfoJsFormatDateRel(registration) + "</a> old";
                        } else {
                            statusText += ", <a href='" + mw.config.get("wgScriptPath") +
                                "/index.php?title=Special:ListUsers&amp;limit=1&amp;username=" +
                                et + "'>" + UserinfoJsFormatDateRel(registration) + "</a> old";
                        }
                    }

                    // Edit count
                    if (editcount !== null) {
                        statusText += ", with <a href=\"" + mw.config.get("wgArticlePath").replace("$1", "Special:Contributions/" + encodeURIComponent(user.name)) + "\">" + UserinfoJsFormatQty(editcount, "edit", "edits") + "</a>";
                    }

                    // Prefix status text with correct article
                    if ("AEIOaeio".indexOf(statusText.charAt(statusText.indexOf(">") + 1)) >= 0) {
                        statusText = "An " + statusText;
                    } else {
                        statusText = "A " + statusText;
                    }

                    if (lastEdited) {
                        statusText += ". Last edited " + UserinfoJsFormatDateRel(lastEdited) + " ago.";
                    }

                    // otfwiki links
                    statusText += " Links: ";
                    statusText += "<a href=\"" + mw.config.get("wgArticlePath").replace("$1", "Special:Block/" + encodeURIComponent(user.name)) + "\">Block user</a>";
                    statusText += " &middot; <a href=\"https://wikistats.espacore.de/user/portal/" + encodeURIComponent(user.name) + "\">Wiki Stats</a>";

                    var ss = document.getElementById("siteSub");
                    ss.innerHTML = "<span>" + statusText + "</span>";
                    ss.style.display = "block";
                });
        });
    });
}
// End User info

// Begin Purge link
// Adapted from https://www.mediawiki.org/wiki/MediaWiki:Gadget-purgetab.js
if (mw.config.get("wgIsArticle")) {
    mw.util.addPortletLink(
        "p-views",
        mw.util.wikiScript() + "?" + $.param({ title: mw.config.get("wgPageName"), action: "purge" }),
        mw.config.get("skin") === "vector" ? "Purge cache" : "*",
        "ca-purge",
        "Purge the server cache of this page",
        "*"
    );
}
// End Purge link

// Begin Clean delete reasons
// Adapted from https://www.mediawiki.org/wiki/MediaWiki:Gadget-CleanDeleteReasons.js
if (mw.config.get("wgAction") == "delete") {
    var wpReason = document.getElementById("wpReason");
    if (wpReason) {
        var regexp = /(content was|page was empty)/i;
        if (regexp.test(wpReason.value)) {
            wpReason.value = "";
        }
    }
}
// End Clean delete reasons

// Begin Delete link
if (mw.config.get("wgIsArticle")) {
    mw.util.addPortletLink(
        "p-views",
        mw.util.wikiScript() + "?" + $.param({ title: mw.config.get("wgPageName"), action: "delete" }),
        mw.config.get("skin") === "vector" ? "Deleto" : "*",
        "ca-delete",
        "Deleto!!!!",
        "*"
    );
}
// End Delete link

// Stat Wiki Stats link
if (!mw.config.get("wgPageName").includes("User")) {
	var ss = document.getElementById("siteSub");
    ss.innerHTML = "Links: <span><a href=\"https://staging-wikistats.espacore.de/article/portal/" + mw.config.get("wgPageName") + "\">Wiki Stats</a></span>";
    ss.style.display = "block";
}
// End Wiki Stats link

 /** Collapsible tables *********************************************************
  *
  *  Description: Allows tables to be collapsed, showing only the header. See
  *               [[Wikipedia:NavFrame]].
  *  Maintainers: [[User:R. Koot]]
  */
 var hasClass = (function () {
    var reCache = {};
    return function (element, className) {
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
    };
 })(); 

var autoCollapse = 2;
var collapseCaptionLang = {'ar': 'أخف', 'cs': 'sbalit', 'da': 'fold sammen', 'de': 'einklappen', 'es': 'contraer', 'fi': 'supista', 'fr': 'masquer', 'hu': 'becsuk', 'it': 'comprimi', 'ja': '折り畳む', 'ko': '접기', 'nl': 'samenvouwen', 'pl': 'zwiń', 'pt': 'ocultar', 'pt-br': 'ocultar', 'ro': 'restrânge', 'ru': 'свернуть', 'sv': 'dölj', 'tr': 'daralt', 'zh-hans': '折叠', 'zh-hant': '合併'};
var expandCaptionLang = {'ar': 'أظهر', 'cs': 'rozbalit', 'da': 'fold ud', 'de': 'ausklappen', 'es': 'expandir', 'fi': 'Laajenna', 'fr': 'afficher', 'hu': 'kinyit', 'it': 'espandi', 'ja': '展開する', 'ko': '펼치기', 'nl': 'uitvouwen', 'pl': 'rozwiń', 'pt': 'expandir', 'pt-br': 'expandir', 'ro': 'extinde', 'ru': 'развернуть', 'sv': 'visa', 'tr': 'genişlet', 'zh-hans': '展开', 'zh-hant': '展開'};
var collapseCaption = collapseCaptionLang[mw.config.get("wgPageName").split("/").pop()] || 'collapse';
var expandCaption = expandCaptionLang[mw.config.get("wgPageName").split("/").pop()] || 'expand';
 
window.collapseTable = function ( tableIndex ) {
    var Button = document.getElementById( 'collapseButton' + tableIndex );
    var Table = document.getElementById( 'collapsibleTable' + tableIndex );
 
    if ( !Table || !Button ) {
        return false;
    }
 
    var Rows = Table.rows;
    var i;
 
    if ( Button.firstChild.data === collapseCaption ) {
        for ( i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = 'none';
        }
        Button.firstChild.data = expandCaption;
    } else {
        for ( i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = Rows[0].style.display;
        }
        Button.firstChild.data = collapseCaption;
    }
};
 
function createCollapseButtons() {
    var tableIndex = 0;
    var NavigationBoxes = {};
    var Tables = document.getElementsByTagName( 'table' );
    var i;
 
    function handleButtonLink( index, e ) {
        window.collapseTable( index );
        e.preventDefault();
    }
 
    for ( i = 0; i < Tables.length; i++ ) {
        if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {
 
            /* only add button and increment count if there is a header row to work with */
            var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
            if ( !HeaderRow ) continue;
            var Header = HeaderRow.getElementsByTagName( 'th' )[0];
            if ( !Header ) continue;
 
            NavigationBoxes[ tableIndex ] = Tables[i];
            Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );
 
            var Button     = document.createElement( 'span' );
            var ButtonLink = document.createElement( 'a' );
            var ButtonText = document.createTextNode( collapseCaption );
 
            Button.className = 'collapseButton';  /* Styles are declared in Common.css */
 
            ButtonLink.style.color = Header.style.color;
            ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
            ButtonLink.setAttribute( 'href', '#' );
            $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
            ButtonLink.appendChild( ButtonText );
 
            Button.appendChild( document.createTextNode( '[' ) );
            Button.appendChild( ButtonLink );
            Button.appendChild( document.createTextNode( ']' ) );
 
            Header.insertBefore( Button, Header.firstChild );
            tableIndex++;
        }
    }
 
    for ( i = 0;  i < tableIndex; i++ ) {
        if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) ) {
            window.collapseTable( i );
        } 
        else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) {
            var element = NavigationBoxes[i];
            while ((element = element.parentNode)) {
                if ( $( element ).hasClass( 'outercollapse' ) ) {
                    window.collapseTable ( i );
                    break;
                }
            }
        }
    }
}
 
$( createCollapseButtons );

/** Dynamic Navigation Bars (experimental) *************************************
 *
 *  Description: See [[Wikipedia:NavFrame]].
 *  Maintainers: UNMAINTAINED
 */

// set up the words in your language
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';

// shows and hides content and picture (if available) of navigation bars
// Parameters:
//     indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(indexNavigationBar){
    var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
    var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);

    if (!NavFrame || !NavToggle) {
        return false;
    }

    // if shown now
    if (NavToggle.firstChild.data == NavigationBarHide) {
        for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
            if (hasClass(NavChild, 'NavContent') || hasClass(NavChild, 'NavPic')) {
                NavChild.style.display = 'none';
            }
        }
    NavToggle.firstChild.data = NavigationBarShow;

    // if hidden now
    } else if (NavToggle.firstChild.data == NavigationBarShow) {
        for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
            if (hasClass(NavChild, 'NavContent') || hasClass(NavChild, 'NavPic')) {
                NavChild.style.display = 'block';
            }
        }
        NavToggle.firstChild.data = NavigationBarHide;
    }
}

// adds show/hide-button to navigation bars
function createNavigationBarToggleButton(){
    var indexNavigationBar = 0;
    // iterate over all < div >-elements 
    var divs = document.getElementsByTagName("div");
    for (var i = 0; NavFrame = divs[i]; i++) {
        // if found a navigation bar
        if (hasClass(NavFrame, "NavFrame")) {

            indexNavigationBar++;
            var NavToggle = document.createElement("a");
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
            NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');

            var isCollapsed = hasClass( NavFrame, "collapsed" );
            /*
             * Check if any children are already hidden.  This loop is here for backwards compatibility:
             * the old way of making NavFrames start out collapsed was to manually add style="display:none"
             * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
             * the content visible without JavaScript support), the new recommended way is to add the class
             * "collapsed" to the NavFrame itself, just like with collapsible tables.
             */
            for (var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling) {
                if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
                    if ( NavChild.style.display == 'none' ) {
                        isCollapsed = true;
                    }
                }
            }
            if (isCollapsed) {
                for (var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {
                    if ( hasClass( NavChild, 'NavPic' ) || hasClass( NavChild, 'NavContent' ) ) {
                        NavChild.style.display = 'none';
                    }
                }
            }
            var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);
            NavToggle.appendChild(NavToggleText);

            // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
            for(var j=0; j < NavFrame.childNodes.length; j++) {
                if (hasClass(NavFrame.childNodes[j], "NavHead")) {
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
                    NavFrame.childNodes[j].appendChild(NavToggle);
                }
            }
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
        }
    }
}

 $( createNavigationBarToggleButton );

//END Collapsible tables *********************************************************