User:Bugghost/Scripts/UserRoleIndicator
 | This user page or section is in a state of significant expansion or restructuring. You are welcome to assist in its construction by editing it as well. If this user page has not been edited in several days, please remove this template. If you are the editor who added this template and you are actively editing, please be sure to replace this template with {{in use}} during the active editing session. Click on the link for template parameters to use.
This page was last edited by Bugghost (talk | contribs) 11 months ago. (Update timer) |
 | |
| Description | Adds an icon next to user links based on their role |
|---|---|
| Author(s) | Bugghost. Forked from UserHighlighterSimple, which was made by @Novem Linguae:, which in turn was forked from a script with many authors: @Chlod, Pythoncoder, Bellezzasolo, Theopolisme, Amalthea, and Ais523: |
| Updated | January 22, 2025 (4 months ago) |
| Source | User:Bugghost/Scripts/UserRoleIndicator.js |
This script adds little icons next to usernames based on the user's user role. Forked from User:Novem Linguae's UserHighlighterSimple, and uses 90% of the same code. This fork just adds a little div with an emoji in it next to the link, rather than setting custom CSS on the link itself - signatures are (in most cases) left in-tact.
Installation
Go install User:Enterprisey/script-installer, then come back to this page and click the giant blue "Install" button in the infobox on the right.
Roles and symbols
The symbols used are:
- 🐣 → Less than 500 edits
- 📚 → Extended confirmed (more than 500 edits, more than 1 month)
- 🥇 → More than 10,000 edits
- 🧺 → New page reviewer
- 🧹 → Admin
- 🚬 → Former Admin
- 💼 → Bureaucrat
- ⚖️ → Arbitration Committee member
- 🩺 → Steward or Ombud
- 🌐 → Wikimedia Foundation (WMF)
The links are given a tooltip when hovering, like this, which states the full role.
Some of the symbol choices are a bit tongue-in-cheek - they shouldn't be taken too seriously. If you have any good ideas for better emojis/unicode symbols for these roles, lemme know. (In the future I would like to expose a method for setting custom symbols/text for these roles to make this easy to change.)
The symbol is placed in a tasteful semitransparent box next to the username.
Note: unlike Novem Linguae/Scripts/UserHighlighterSimple, this script adds new inline elements to the DOM (rather than just changing colours to existing DOM elements), and so can make contents of the page jump a small amount when initial loading.
Custom Labels
If you don't like the default emoji labels or tooltip texts, you can customise them to be anything you want, including just regular old text.
To do this, open up your common.js page and add this code:
window.UserRoleIndicatorCustomLabels = {
wmf: ['🌐', 'Wikimedia Foundation (WMF)'],
stewards: ['🩺', 'Steward or Ombud'],
arbcom: ['⚖️', 'Arbitration Committee member'],
bureaucrats: ['💼', 'Bureaucrat'],
admins: ['wow, an admin, would you look at that', 'Admin'],
formerAdmins: ['🚬', 'Former Admin'],
newPageReviewers: ['🧺', 'New page reviewer'],
tenThousandEdits: ['10 thousand edits', 'More than 10,000 edits'],
extendedConfirmed: ['📚', 'Extended confirmed'],
lessThan500: ['🐣', 'Less than 500 edits'],
};
Modify any of the text you want in there. The first item of the arrays is the content of the label that will appear next to the username. The second item is the tooltip label.
So for instance, if you wanted to do something different, you could have this setup:
window.UserRoleIndicatorCustomLabels = {
wmf: ['this user is a WMF member', 'WMF'],
stewards: ['steward coming through!!', 'Steward'],
arbcom: ['← arb com ?!', 'arbcom'],
bureaucrats: ['crat', 'Bureaucrat'],
admins: ['👮♀️👮♂️', 'admin'],
formerAdmins: ['retired 👮♀️👮♂️', 'old admin'],
newPageReviewers: ['npp', 'New page reviewer'],
tenThousandEdits: ['too many edits', 'More than 10,000 edits'],
extendedConfirmed: ['normal amount of edits', 'Extended confirmed'],
lessThan500: ['not enough edits', 'Less than 500 edits'],
};
Then save your common.js. This allows you to have custom labels.
Bugs, feedback and suggestions
This is my first ever attempt at Wikipedia user script! If you have any issues or feedback, let me know.
As with any Unicode-on-the-web solution, your browser might display an ugly symbol instead of the intended one, depending on your browser version, your OS, the weather, and the current location of certain planets. If you are getting an ugly symbol instead of a nice one, let me know and I'll see if there's a replacement Unicode character that is better supported.
Note that this is mainly a fork of Novem Linguae/Scripts/UserHighlighterSimple, and the differences are largely cosmetic. Any issues with the icon rendering incorrectly is almost definitely a bug in this script - but issues identifying correct user roles may come from somewhere else - it could be worth trying to replicate using UserHighlighterSimple and seeing if any issue you're having is replicable there too.
Either way - let me know if you have any issues and I'll take a look and see if I can get to the bottom of it.
Todo
- Add method of custom emoji choices
- More thorough testing
- Add installation instructions
- Find out what you're actually meant to do once you've made a userscript