Americhino (talk | contribs) (oops) |
Americhino (talk | contribs) (i may be stupid bottom text) |
||
| Line 12: | Line 12: | ||
* [[MediaWiki:UserStatus/banner.js|banner.js]] |
* [[MediaWiki:UserStatus/banner.js|banner.js]] |
||
* [[MediaWiki:UserStatus/dropdown.js|dropdown.js]] |
* [[MediaWiki:UserStatus/dropdown.js|dropdown.js]] |
||
| − | * [[MediaWiki:UserStatus/ |
+ | * [[MediaWiki:UserStatus/UCP.js|UCP.js]] |
| − | * [[MediaWiki:UserStatus/ |
+ | * [[MediaWiki:UserStatus/UCP/dropdown.js|UCP/dropdown.js]] |
* [[MediaWiki:UserStatus/demo.js|demo.js]] |
* [[MediaWiki:UserStatus/demo.js|demo.js]] |
||
* [[MediaWiki:UserStatus/dropdown/demo.js|dropdown/demo.js]] |
* [[MediaWiki:UserStatus/dropdown/demo.js|dropdown/demo.js]] |
||
| Line 21: | Line 21: | ||
}} |
}} |
||
{{{lede|'''UserStatus''' is a script that displays a user's status on their masthead. It could be useful for community-based wikis. It is also [[#Configuration|configurable]]. |
{{{lede|'''UserStatus''' is a script that displays a user's status on their masthead. It could be useful for community-based wikis. It is also [[#Configuration|configurable]]. |
||
| − | |||
| − | '''This script currently only works on UCP wikis. If your wiki has NOT been migrated yet, ''please do not use this script.''''' |
||
}}} |
}}} |
||
| − | |||
== {{{installation|Installation}}} == |
== {{{installation|Installation}}} == |
||
| + | {{{legacy-info|On a '''legacy FANDOM wiki''', such as ones that look and work like the FANDOM Developers Wiki, install this:}}} |
||
{{Script Install|Use = S}} |
{{Script Install|Use = S}} |
||
| + | {{{ucp-info|On a '''UCP wiki''', please install this instead:}}} |
||
| + | {{Script Install|Use = S|codepage = UserStatus/UCP.js}} |
||
== {{{change-your-status|Changing your status}}} == |
== {{{change-your-status|Changing your status}}} == |
||
| Line 33: | Line 33: | ||
You can either: |
You can either: |
||
# Type in a status and publish it. There should be no other page content. OR |
# Type in a status and publish it. There should be no other page content. OR |
||
| − | # Use the dropdown menu which appears on your masthead under your bio/info. |
+ | # Use the dropdown menu which appears on your masthead under your bio/info (legacy) or next to the "Edit Profile" button (UCP). |
The available statuses are: |
The available statuses are: |
||
* online |
* online |
||
| Line 39: | Line 39: | ||
* dnd |
* dnd |
||
* offline |
* offline |
||
| − | Please edit only '''your own''' status. A warning will display if you attempt to edit others' statuses. |
+ | Please edit only '''your own''' status. A warning will display if you attempt to edit others' statuses (legacy). |
}}} |
}}} |
||
Revision as of 01:41, 24 August 2020
UserStatus is a script that displays a user's status on their masthead. It could be useful for community-based wikis. It is also configurable.
Installation
On a legacy FANDOM wiki, such as ones that look and work like the FANDOM Developers Wiki, install this: On a UCP wiki, please install this instead:
Changing your status
Your status is stored at User:USERNAME/status on your wiki. You can either:
- Type in a status and publish it. There should be no other page content. OR
- Use the dropdown menu which appears on your masthead under your bio/info (legacy) or next to the "Edit Profile" button (UCP).
The available statuses are:
- online
- away
- dnd
- offline
Please edit only your own status. A warning will display if you attempt to edit others' statuses (legacy).
Configuration
Settings are stored in the window.UserStatusSettings object. It can go into both personal and site-wide JS.
0 means off/false and 1 on/true.
| Variable | Description | Available values | Default value | Notes |
|---|---|---|---|---|
colorBlindMode
|
Colorblind mode; adds icons to status indicators | 0/1
|
1
|
|
lightTheme
|
Light themed icons for colorblind mode | 0/1
|
0
|
Requires colorBlindMode.
|
statusIndicator
|
Display the circle next to a user's avatar | 0/1
|
1
|
Not recommended if combined with MastheadRightsBadge. |
An example configuration would be:
window.UserStatusSettings = {
colorBlindMode: 1,
lightTheme: 1,
statusIndicator: 0,
};
Customization
Various elements can be customized via CSS:
.status-indicator- the circle next to a user's avatar.status-indicator-online- the online status indicator.status-indicator-away- the idle status indicator.status-indicator-dnd- the do not disturb status indicator.status-indicator-offline- the offline status indicator
.status-masthead- the text on the right side of the masthead.status-masthead-online- text for online users.status-masthead-away- text for idle users.status-masthead-dnd- text for do not disturb users.status-masthead-offline- text for offline users
.si-is-colorblind- colorblind status indicators.si-is-blocked- status indicators for blocked users.status-indicator-blocked- the blocked status indicator.status-masthead-blocked- text for blocked users
Colors
- Online
#43b581for online users$online - Idle
#faa61afor idle users$away - Do Not Disturb
#f04747for users on Do Not Disturb$dnd - Offline/Unknown
#747f8dfor offline/unknown users$offline - Blocked
#8f0000for blocked users$blocked
Notes
- It is recommended to use the
statusIndicatorconfiguration variable with MastheadRightsBadge to avoid unnecessary clutter around a user's avatar.
Planned Features
- Display notification when editing others' statuses
- Built-in customizable status colors
Dropdown menu option to quickly switch statuses- Fully change status to blocked when a user is blocked (WIP)
i18n-js implementation- Light themed blocked icon
Add option to remove.status-indicatorvia configMerge main script with subpages/dropdown.js- /banner.js (?)
- "Reload profile" link for /banner.js
- User-friendly settings page (?)
- Non-Discord icons
Smoother animation for status menu
Text above can be found here (edit)