Page MenuHomeWickedGov Phorge
Files F4147166

mw.echo.ui.ToggleReadCircleButtonWidget.js
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

mw.echo.ui.ToggleReadCircleButtonWidget.js
View Options

/**
* A button showing a circle that represents either 'mark as read' or 'mark as unread' states.
*
* @class
* @extends OO.ui.ButtonWidget
*
* @constructor
* @param {Object} [config={}]
* @param {boolean} [config.markAsRead=true] Display mark as read state. If false, the button displays
* mark as unread state.
*/
mw.echo.ui.ToggleReadCircleButtonWidget = function MwEchoUiToggleReadCircleButtonWidget( config ) {
config = config || {};
// Parent constructor
mw.echo.ui.ToggleReadCircleButtonWidget.super.call( this, Object.assign( {
invisibleLabel: true,
// Set a dummy icon so we get focus styles
icon: '_'
}, config ) );
this.$circle = $( '<div>' )
.addClass( 'mw-echo-ui-toggleReadCircleButtonWidget-circle' );
this.$button.append( this.$circle );
this.toggleState( config.markAsRead === undefined ? true : !!config.markAsRead );
this.$element
.addClass( 'mw-echo-ui-toggleReadCircleButtonWidget' );
};
/* Initialization */
OO.inheritClass( mw.echo.ui.ToggleReadCircleButtonWidget, OO.ui.ButtonWidget );
/* Methods */
/**
* Toggle the state of the button from 'mark as read' to 'mark as unread'
* and vice versa.
*
* @param {boolean} [isMarkAsRead] The state is mark as read
*/
mw.echo.ui.ToggleReadCircleButtonWidget.prototype.toggleState = function ( isMarkAsRead ) {
isMarkAsRead = isMarkAsRead === undefined ? !this.markAsRead : !!isMarkAsRead;
this.markAsRead = isMarkAsRead;
this.$circle.toggleClass( 'mw-echo-ui-toggleReadCircleButtonWidget-circle-unread', !this.markAsRead );
const label = this.markAsRead ?
mw.msg( 'echo-notification-markasread' ) :
mw.msg( 'echo-notification-markasunread' );
this.setLabel( label );
this.setTitle( label );
};

File Metadata

Mime Type
text/plain
Expires
Aug 19 2026, 18:18 (5 w, 6 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
7c/9a/a3b2833ee57396458e6baac96526
Default Alt Text
mw.echo.ui.ToggleReadCircleButtonWidget.js (1 KB)

Event Timeline