Difference between revisions of "User:Tark/common.js"

From Team Fortress Wiki
Jump to: navigation, search
m (scroll to top)
m
Line 303: Line 303:
 
   foolWikiBlu: function () {
 
   foolWikiBlu: function () {
 
     var elToolbar = document.querySelector("#p-personal > ul:nth-child(2)");
 
     var elToolbar = document.querySelector("#p-personal > ul:nth-child(2)");
−
var elSubscrible = document.createElement("li");
+
    var elSubscrible = document.createElement("li");
−
var subImg = document.createElement("img");
+
    var subImg = document.createElement("img");
−
var subLink = document.createElement("a");
+
    var subLink = document.createElement("a");
−
var subText = document.createElement("span");
+
    var subText = document.createElement("span");
−
 
−
elSubscrible.setAttribute("id", "aprilfools23-pt-wikiblu");
 
−
subLink.setAttribute("title", "Level up your Wiki Experience by subscribing to Wiki BLU today!");
 
−
subImg.setAttribute("src", "https://wiki.teamfortress.com/w/images/b/b2/Login_Soldier_WikiCap.png");
 
−
subImg.setAttribute("style", "position: absolute; padding-left: -50px; margin-left: -20px; width: 16px; height: 16px;");
 
−
subText.setAttribute("style", "background-image: linear-gradient(to right, red, blue); background-clip: text; color: transparent;");
 
−
subText.textContent = "Subscribe to Wiki BLU";
 
  
−
subLink.appendChild(subImg);
+
    elSubscrible.setAttribute("id", "aprilfools23-pt-wikiblu");
−
subLink.appendChild(subText);
+
    subLink.setAttribute(
−
elSubscrible.appendChild(subLink);
+
      "title",
−
elToolbar.prepend(elSubscrible);
+
      "Level up your Wiki Experience by subscribing to Wiki BLU today!"
−
+
    );
−
// TODO: modal or wiki article explaining what this is.
+
    subImg.setAttribute(
−
// subLink.setAttribute("href", "https://wiki.teamfortress.com/wiki/Special:BlankPage/Wiki_BLU");
+
      "src",
−
+
      "https://wiki.teamfortress.com/w/images/b/b2/Login_Soldier_WikiCap.png"
−
// Add styles
+
    );
−
$(april23.foolWikiBluActive);
+
    subImg.setAttribute(
 +
      "style",
 +
      "position: absolute; padding-left: -50px; margin-left: -20px; width: 16px; height: 16px;"
 +
    );
 +
    subText.setAttribute(
 +
      "style",
 +
      "background-image: linear-gradient(to right, red, blue); background-clip: text; color: transparent;"
 +
    );
 +
    subText.textContent = "Subscribe to Wiki BLU";
 +
 
 +
    subLink.appendChild(subImg);
 +
    subLink.appendChild(subText);
 +
    elSubscrible.appendChild(subLink);
 +
    elToolbar.prepend(elSubscrible);
 +
 
 +
    // TODO: modal or wiki article explaining what this is.
 +
    // subLink.setAttribute("href", "https://wiki.teamfortress.com/wiki/Special:BlankPage/Wiki_BLU");
 +
 
 +
    // Add styles
 +
    $(april23.foolWikiBluActive);
 
   },
 
   },
 
   // Function to add styles for the "Subscribe to Wiki BLU" item
 
   // Function to add styles for the "Subscribe to Wiki BLU" item
 
   foolWikiBluActive: function () {
 
   foolWikiBluActive: function () {
−
  // Define the styles to be added
+
    // Define the styles to be added
−
  // This is slow and only exists because people will complain
+
    // This is slow and only exists because people will complain
−
  // Give badge. May be a bit annoying..?
+
    // -----
−
mw.util.addCSS(".mw-userlink::after { background-image:url('https://wiki.teamfortress.com/w/images/9/95/Pictogram_tick.png'); background-size: 15px 15px; content:''; display: inline-block; height: 16px; margin-left: 3px; margin-top: -2px; position: relative; vertical-align: middle; width:15px; }");
+
    // Give badge. May be a bit annoying..?
 +
    mw.util.addCSS(
 +
      ".mw-userlink::after { background-image:url('https://wiki.teamfortress.com/w/images/9/95/Pictogram_tick.png'); background-size: 15px 15px; content:''; display: inline-block; height: 16px; margin-left: 3px; margin-top: -2px; position: relative; vertical-align: middle; width:15px; }"
 +
    );
 
     // Staff
 
     // Staff
−
mw.util.addCSS(".mw-userlink.staff::after { width: 30px; }");
+
    mw.util.addCSS(".mw-userlink.staff::after { width: 30px; }");
−
// Hide badge for users without a wiko profile
+
    // Hide badge for users without a wiki profile
−
mw.util.addCSS(".new.mw-userlink::after { width: 0; }");
+
    mw.util.addCSS(".new.mw-userlink::after { width: 0; }");
 
   },
 
   },
 
   init: function () {
 
   init: function () {
Line 344: Line 359:
 
         ? true
 
         ? true
 
         : JSON.parse(localStorage.getItem("tfwiki-aprilfools-show"));
 
         : JSON.parse(localStorage.getItem("tfwiki-aprilfools-show"));
−
   
+
 
 
     // Add "Toggle April Fools" link to "More" dropdown
 
     // Add "Toggle April Fools" link to "More" dropdown
 
     var toggleAp = mw.util.addPortletLink(
 
     var toggleAp = mw.util.addPortletLink(
 
       "p-cactions",
 
       "p-cactions",
 
       "Team_Fortress_Wiki:April_Fools'_Day",
 
       "Team_Fortress_Wiki:April_Fools'_Day",
−
       "Toggle April Fools"
+
       (!canShowAF ? "Enable" : "Disable") + " April Fools"
 
     );
 
     );
  
 
     $(toggleAp).on("click", function (e) {
 
     $(toggleAp).on("click", function (e) {
 
       localStorage.setItem("tfwiki-aprilfools-show", !canShowAF);
 
       localStorage.setItem("tfwiki-aprilfools-show", !canShowAF);
−
       mw.notify("Please reload the page", { title: (!canShowAF ? "Enabled" : "Disabled") + " April Fools", autoHide: false, tag: "tfwiki-aprilfools"});
+
       mw.notify("Please refresh the page.", {
−
       //document.location.reload();
+
        title: (!canShowAF ? "Enabled" : "Disabled") + " April Fools!",
 +
        autoHide: false,
 +
        tag: "tfwiki-aprilfools",
 +
      });
 +
       // document.location.reload();
 
       e.preventDefault();
 
       e.preventDefault();
 
     });
 
     });
  
−
// No fun allowed if canShowAF is false
+
    // No fun allowed if canShowAF is false
 
     if (!canShowAF) {
 
     if (!canShowAF) {
 
       return;
 
       return;
 
     }
 
     }
  
−
// Code to display AF starts here ------
+
    // Code to display AF starts here  
−
+
    // ------
 
     // "Subscribe to Wiki BLU"
 
     // "Subscribe to Wiki BLU"
 
     $(april23.foolWikiBlu);
 
     $(april23.foolWikiBlu);
 +
    // End AF code
 
   },
 
   },
 
};
 
};

Revision as of 19:32, 10 February 2023

// 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 = Date.now() - 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 blocked, editcount, groups, invalid, lastEdited, missing, registration, user;

                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 = Object.prototype.hasOwnProperty.call( friendlyGroupNames, 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>";
                var ss = document.getElementById( "siteSub" );
                ss.innerHTML = "<span>" + statusText + "</span>";
                ss.style.display = "block";
                
                mw.util.addPortletLink( "p-views",
                    mw.config.get( "wgArticlePath" ).replace( "$1", "Special:Block/" + encodeURIComponent( user.name ) ),
                    "Block",
                    "ca-byeeee",
                    "Block this fella"
                );

                mw.util.addPortletLink( "p-views",
                    mw.config.get( "wgArticlePath" ).replace( "$1", "Special:RenameUser/" + encodeURIComponent( user.name ) ),
                    "Rename",
                    "ca-byeeee",
                    "new phone, who dis?"
                );

                mw.util.addPortletLink( "p-views",
                    "https://wikistats.espacore.de/user/tf/" + encodeURIComponent( user.name ),
                    "WS",
                    "ca-wikistats",
                    "View stats for this user on Wiki Stats"
                );
            } );
        } );
    } );
}
// End User info

// 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 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" } ),
        "Purge",
        "ca-purge",
        "Purge the server cache of this page"
    );
}
// End Purge link

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

// Stat Wiki Stats link
if ( mw.config.get( "wgIsArticle" ) && !mw.config.get( "wgPageName" ).includes( "User" ) ) {
    mw.util.addPortletLink( "p-views",
        "https://staging-wikistats.espacore.de/article/tf/" + mw.config.get( "wgPageName" ),
        "WS",
        "ca-wikistats",
        "View stats for this page on Wiki Stats"
    );
}
// End Wiki Stats link

function gibAchievement( title, img ) {
    if ( !title ) {
        return;
    }

    if ( !img ) {
        img = "https://wiki.teamfortress.com/w/images/4/49/Tf_dominate_for_goggles.png";
    }

    // Play sound effect
    var achAudio = new Audio( "https://wiki.teamfortress.com/w/images/5/5e/Spy_feelgood01.wav" );
    achAudio.play();

    // Create the achievement container and append it to the body
    var achTarget = document.getElementById( "mw-panel" );
    achTarget.innerHTML += "<div id=\"achpop\" class=\"sachievement\"> \
            <div class=\"achcontainer\"> \
                <div class=\"item icon\"> \
                    <img alt=\"" + title + "\" src=\"" + img + "\" width=\"64\" height=\"64\"> \
                </div> \
                <div class=\"item content\"> \
                    <span class=\"title\"> \
                        Achievement Unlocked! \
                    </span> \
                    <p class=\"desc\"> \
                        " + title + " \
                    </p> \
                </div> \
            </div> \
        </div>";

    // Remove the achievement element
    setTimeout( function () {
        var achEl = document.getElementById( "achpop" );
        achEl.remove();
    }, 4000 );
}

mw.loader.load('https://en.wikipedia.org/w/index.php?title=User:BrandonXLF/TestWikitext.js&action=raw&ctype=text/javascript');

// Workshop contributor tag
if ( mw.config.get( "wgNamespaceNumber" ) == 0 && mw.util.getParamValue( "diff" ) ) {
    mw.loader.using( [ "mediawiki.util" ], function () {
        $( function () {
            $.getJSON( mw.config.get( "wgScriptPath" ) + "/api.php?action=parse&page=User:Tark/Content creators&prop=wikitext&format=json" ).done( function ( query ) {
                if ( !query.parse ) {
                    return;
                }
                const list = query.parse.wikitext["*"].split("\n");
                const users = list.map( function (el) { return el.split("*")[1].split(":")[0].trim(); } );
    			const diffuser = $("#mw-diff-ntitle2 > a:nth-child(1)");
    			if ( users.includes( diffuser.text() ) ) {
    				diffuser.append( " <span style='color: #fff;background-color: #3F5F8E;margin: 0 2px 0 2px;padding: 3px;'>[Workshop Contributor]</span>" );
    			}
            } );
        } );
    } );
}

// Start April Fools 2023 -----
var april23 = {
  // Function to add the "Subscribe to Wiki BLU" item to the user's toolbar
  foolWikiBlu: function () {
    var elToolbar = document.querySelector("#p-personal > ul:nth-child(2)");
    var elSubscrible = document.createElement("li");
    var subImg = document.createElement("img");
    var subLink = document.createElement("a");
    var subText = document.createElement("span");

    elSubscrible.setAttribute("id", "aprilfools23-pt-wikiblu");
    subLink.setAttribute(
      "title",
      "Level up your Wiki Experience by subscribing to Wiki BLU today!"
    );
    subImg.setAttribute(
      "src",
      "https://wiki.teamfortress.com/w/images/b/b2/Login_Soldier_WikiCap.png"
    );
    subImg.setAttribute(
      "style",
      "position: absolute; padding-left: -50px; margin-left: -20px; width: 16px; height: 16px;"
    );
    subText.setAttribute(
      "style",
      "background-image: linear-gradient(to right, red, blue); background-clip: text; color: transparent;"
    );
    subText.textContent = "Subscribe to Wiki BLU";

    subLink.appendChild(subImg);
    subLink.appendChild(subText);
    elSubscrible.appendChild(subLink);
    elToolbar.prepend(elSubscrible);

    // TODO: modal or wiki article explaining what this is.
    // subLink.setAttribute("href", "https://wiki.teamfortress.com/wiki/Special:BlankPage/Wiki_BLU");

    // Add styles
    $(april23.foolWikiBluActive);
  },
  // Function to add styles for the "Subscribe to Wiki BLU" item
  foolWikiBluActive: function () {
    // Define the styles to be added
    // This is slow and only exists because people will complain
    // -----
    // Give badge. May be a bit annoying..?
    mw.util.addCSS(
      ".mw-userlink::after { background-image:url('https://wiki.teamfortress.com/w/images/9/95/Pictogram_tick.png'); background-size: 15px 15px; content:''; display: inline-block; height: 16px; margin-left: 3px; margin-top: -2px; position: relative; vertical-align: middle; width:15px; }"
    );
    // Staff
    mw.util.addCSS(".mw-userlink.staff::after { width: 30px; }");
    // Hide badge for users without a wiki profile
    mw.util.addCSS(".new.mw-userlink::after { width: 0; }");
  },
  init: function () {
    // Check if "tfwiki-aprilfools-show" exists in local storage
    // If it doesn't exist, set to true
    var canShowAF =
      localStorage.getItem("tfwiki-aprilfools-show") === null
        ? true
        : JSON.parse(localStorage.getItem("tfwiki-aprilfools-show"));

    // Add "Toggle April Fools" link to "More" dropdown
    var toggleAp = mw.util.addPortletLink(
      "p-cactions",
      "Team_Fortress_Wiki:April_Fools'_Day",
      (!canShowAF ? "Enable" : "Disable") + " April Fools"
    );

    $(toggleAp).on("click", function (e) {
      localStorage.setItem("tfwiki-aprilfools-show", !canShowAF);
      mw.notify("Please refresh the page.", {
        title: (!canShowAF ? "Enabled" : "Disabled") + " April Fools!",
        autoHide: false,
        tag: "tfwiki-aprilfools",
      });
      // document.location.reload();
      e.preventDefault();
    });

    // No fun allowed if canShowAF is false
    if (!canShowAF) {
      return;
    }

    // Code to display AF starts here 
    // ------
    // "Subscribe to Wiki BLU"
    $(april23.foolWikiBlu);
    // End AF code
  },
};

$(april23.init);
// End April Fools 2023 -----

// Start scrollUp -----
// Adapted from: https://commons.wikimedia.org/wiki/MediaWiki:Gadget-scrollUpButton.js
var scrollUp = {
  init: function () {
  	var scrollLang = {"de": "Nach oben scrollen", "fr": "Défiler jusqu’en haut", "ko": "맨 위로 스크롤", "pt": "Role para cima", "pt-br": "Rolar para cima", "sv": "Rulla till toppen", "tr": "Başa dön"};
    var scrollIcon = document.createElement("img");
    scrollIcon.src =
      "https://wiki.teamfortress.com/w/images/b/bf/User_GrampaSwood_Arrow_big.png";
    scrollIcon.id = "tfwiki-scrollup";
    scrollIcon.title = scrollLang[mw.config.get("wgPageName").split("/").pop()] || "Scroll to top";
    scrollIcon.classList.add("noprint");

    scrollIcon.addEventListener("click", function () {
      window.scroll({
        top: 0,
        behavior: "smooth",
      });
    });

    scrollIcon.addEventListener("mouseenter", function () {
      this.style.opacity = 1;
    });

    scrollIcon.addEventListener("mouseleave", function () {
      this.style.opacity = 0.7;
    });

    document.body.appendChild(scrollIcon);

    window.addEventListener("scroll", function () {
      if (window.scrollY > 80) {
        scrollIcon.style.display = "block";
      } else {
        scrollIcon.style.display = "none";
      }
    });
  },
};

$(scrollUp.init);
// End scrollUp -----
Retrieved from "https://wiki.teamfortress.com/w/index.php?title=User:Tark/common.js&oldid=3369422"