User:Bugghost/Scripts/UserRoleIndicator.js: Difference between revisions

Revision as of 13:45, 11 July 2024

Latest revision as of 12:43, 22 January 2025

(13 intermediate revisions by the same user not shown)

Line 1:

// [[User:Bugghost]]

// <nowiki>

// Copied and edited from novemNovem linguaeLinguae's user highlighter simple: [[User:Novem_Linguae/Scripts/UserHighlighterSimple.js]]

class UserRoleIndicator {

Line 14 ⟶ 13:

this.mw = mw;

this.window = window;

this.linksChecked = new Set([]);

}

}

async execute() {

//console.time("uri");

await this.getUsernames();

const defaultRoleInfoLookup = {

if ( !this.window.userHighlighterSimpleNoColors ) {

wmf: ['🌐', 'Wikimedia Foundation (WMF)'],

this.setCss();

bot: ['🤖', 'Bot'],

stewards: ['🩺', 'Steward or Ombud'],

arbcom: ['⚖️', 'Arbitration Committee member'],

bureaucrats: ['💼', 'Bureaucrat'],

checkUsers: ['🕵️️️️', 'Check User'],

admins: ['🧹', 'Admin'],

formerAdmins: ['🚬', 'Former Admin'],

newPageReviewers: ['🧺', 'New page reviewer'],

tenThousandEdits: ['📚', 'More than 10,000 edits'],

extendedConfirmed: ['📘', 'Extended confirmed'],

lessThan500: ['🐣', 'Less than 500 edits'],

};

if(this.window.UserRoleIndicatorCustomLabels){

this.roleInfoLookup = { ...defaultRoleInfoLookup, ...window.UserRoleIndicatorCustomLabels };

}else{

this.roleInfoLookup = defaultRoleInfoLookup;

}

this.labelPosition = "after";

if(this.window.UserRoleIndicatorCustomPlacement){

this.labelPosition = this.window.UserRoleIndicatorCustomPlacement;

}

//console.time("get usernames")

await this.getUsernames();

//console.timeEnd("get usernames")

this.addCSS('user-role-indicator', 'font-size: smaller; display: inline; background: #b7b9ff55; padding: 0.1em; border-radius: 5px;')

this.addCSS('label-after', 'margin-left:3px;');

this.addCSS('label-before', 'margin-right:1px;margin-left:2px;');

const $links = this.$( '#article a, #bodyContent a, #mw_contentholder a' );

//console.time("linkloop")

$links.each( ( index, element ) => {

this.$link = this.$( element );

if(this.linksChecked.has(element)){

return;

}

this.linksChecked.add(element);

if ( !this.linksToAUser() ) {

return;

Line 33 ⟶ 72:

}

this.hasAdvancedPermissions = false;

this.addClassesAndHoverTextToLinkIfNeededaddRoleInfoIfNeeded();

// If the user has any advanced perms, they are likely to have a signature, so be aggressive about overriding the background and foreground color. That way there's no risk their signature is unreadable due to background color and foreground color being too similar. Don't do this for users without advanced perms... being able to see a redlinked username is useful.

if ( this.hasAdvancedPermissions ) {

this.$link.addClass( this.$link.attr( 'class' ) + ' UHS-override-signature-colors' );

}

} );

//console.timeEnd("linkloop")

//console.timeEnd("uri");

//console.log("-------");

}

Line 78 ⟶ 117:

async getUsernames() {

if(this.wmf){

return;

}

const dataString = await this.getWikitextFromCache( 'User:NovemBot/userlist.js' );

const dataJSON = JSON.parse( dataString );

Line 92 ⟶ 136:

// ...dataJSON['global-sysop'],

};

this.bot = dataJSON.bot;

this.stewards = dataJSON.steward;

this.arbcom = dataJSON.arbcom;

this.bureaucrats = dataJSON.bureaucrat;

this.admins = dataJSON.sysop;

this.formeradminscheckUsers = dataJSON.formeradmincheckuser;

this.formerAdmins = dataJSON.formeradmin;

this.newPageReviewers = dataJSON.patroller;

this.tenThousandEdits = dataJSON[ '10k' ];

this.extendedConfirmed = {

...dataJSON.extendedconfirmed,

...dataJSON.bot,

...dataJSON.productiveIPs

};

Line 228 ⟶ 273:

}

checkForPermissionaddRoleInfoIfAppropriate( listOfUsernames, classNamelabel, descriptionForHover ) {

if ( listOfUsernames[ this.user ] === 1 ) {

this.addHoverIconaddRoleIcon( classNamelabel, descriptionForHover );

}

}

addHoverIconaddRoleIcon( icon, descriptionForHover ) {

const title = this.$link.attr( 'title' );

if ( !title || title.startsWith( 'User:' ) ) {

this.$link.attr( 'title', descriptionForHover );

this.$link.append($("<div class='user-role-indicator'>"+icon+"</div>"))

switch(this.labelPosition){

case "before":

this.$link.prepend($("<div class='user-role-indicator label-before'>"+icon+"</div>"))

break;

default:

// Defaults to "after"

this.$link.append($("<div class='user-role-indicator label-after'>"+icon+"</div>"))

break;

}

}

Line 245 ⟶ 300:

}

addRoleInfoIfNeeded() {

addClassesAndHoverTextToLinkIfNeeded() {

// highlight anybody with "WMF" in their name, case insensitive. this should not generate false positives because "WMF" is on the username blacklist. see https://meta.wikimedia.org/wiki/Title_blacklist

if ( this.user.match( /^[^/]*WMF/i ) ) {

this.addRoleIcon( this.roleInfoLookup.wmf[0], this.roleInfoLookup.wmf[1] );

this.addHoverIcon( '🌐', 'Wikimedia Foundation (WMF)' );

}

// TODO: grab the order from an array, so I can keep checkForPermission and addCSS in the same order easily, lowering the risk of the HTML title="" being one thing, and the color being another

this.checkForPermissionaddRoleInfoIfAppropriate( this.wmf, '🌐'this.roleInfoLookup.wmf[0], 'Wikimedia Foundation (WMF)' this.roleInfoLookup.wmf[1]);

this.addRoleInfoIfAppropriate( this.bot, this.roleInfoLookup.bot[0], this.roleInfoLookup.bot[1]);

this.checkForPermission( this.stewards, '⚒', 'Steward or Ombud' );

this.addRoleInfoIfAppropriate( this.stewards, this.roleInfoLookup.stewards[0], this.roleInfoLookup.stewards[1]);

this.checkForPermission( this.arbcom, '⚖️', 'Arbitration Committee member' );

this.addRoleInfoIfAppropriate( this.arbcom, this.roleInfoLookup.arbcom[0], this.roleInfoLookup.arbcom[1]);

this.checkForPermission( this.bureaucrats, '💼‍', 'Bureaucrat' );

this.addRoleInfoIfAppropriate( this.bureaucrats, this.roleInfoLookup.bureaucrats[0], this.roleInfoLookup.bureaucrats[1]);

this.checkForPermission( this.admins, '🧹', 'Admin' );

this.addRoleInfoIfAppropriate( this.checkUsers, this.roleInfoLookup.checkUsers[0], this.roleInfoLookup.checkUsers[1]);

this.checkForPermission( this.formeradmins, '🚬', 'Former Admin' );

this.addRoleInfoIfAppropriate( this.admins, this.roleInfoLookup.admins[0], this.roleInfoLookup.admins[1]);

this.checkForPermission( this.newPageReviewers, '🧽', 'New page reviewer' );

this.addRoleInfoIfAppropriate( this.formerAdmins, this.roleInfoLookup.formerAdmins[0], this.roleInfoLookup.formerAdmins[1]);

this.checkForPermission( this.tenThousandEdits, '🥇', 'More than 10,000 edits' );

this.addRoleInfoIfAppropriate( this.newPageReviewers, this.roleInfoLookup.newPageReviewers[0], this.roleInfoLookup.newPageReviewers[1]);

this.checkForPermission( this.extendedConfirmed, '✍', 'Extended confirmed' );

this.addRoleInfoIfAppropriate( this.tenThousandEdits, this.roleInfoLookup.tenThousandEdits[0], this.roleInfoLookup.tenThousandEdits[1]);

this.addRoleInfoIfAppropriate( this.extendedConfirmed, this.roleInfoLookup.extendedConfirmed[0], this.roleInfoLookup.extendedConfirmed[1]);

// If they have no perms, then they are non-EC, so <500 edits

if ( !this.hasAdvancedPermissions ) {

this.addRoleIcon(this.roleInfoLookup.lessThan500[0], this.roleInfoLookup.lessThan500[1]);

this.addHoverIcon("🐣", "Less than 500 edits");

}

}

setCss() {

// this.addCSS('user-role-indicator-container', 'position: relative !important; display: inline;')

this.addCSS('user-role-indicator', 'font-size: smaller; display: inline; background: gainsboro; padding: 0.1em; border-radius: 5px; border: 1px black solid; margin-left: 3px;')

}

}

var userRoleIndicator = new UserRoleIndicator( $, mw, window )

// Fire after wiki content is added to the DOM, such as when first loading a page, or when a gadget such as the XTools gadget loads.

mw.hook( 'wikipage.content' ).add( async () => {

await mw.loader.using( [ 'mediawiki.util', 'mediawiki.Uri', 'mediawiki.Title' ], async () => {

await ( new UserRoleIndicator( $, mw, window ) )userRoleIndicator.execute();

} );

} );

Line 284 ⟶ 339:

mw.hook( 'postEdit' ).add( async () => {

await mw.loader.using( [ 'mediawiki.util', 'mediawiki.Uri', 'mediawiki.Title' ], async () => {

await ( new UserRoleIndicator( $, mw, window ) )userRoleIndicator.execute();

} );

} );