mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-12-22 12:43:02 +00:00
131 lines
3.8 KiB
JavaScript
131 lines
3.8 KiB
JavaScript
( function () {
|
|
/**
|
|
* Widget for the settings menu in the Special:Notifications page
|
|
*
|
|
* @param {mw.echo.dm.ModelManager} manager Model manager
|
|
* @param {Object} config Configuration object
|
|
* @param {string} [config.prefLink] Link to preferences page
|
|
*/
|
|
mw.echo.ui.SpecialHelpMenuWidget = function MwEchoUiSpecialHelpMenuWidget( manager, config ) {
|
|
config = config || {};
|
|
|
|
// Parent constructor
|
|
mw.echo.ui.SpecialHelpMenuWidget.super.call( this, Object.assign( {
|
|
icon: 'settings',
|
|
label: mw.msg( 'echo-specialpage-special-help-menu-widget-aria-label' ),
|
|
indicator: 'down',
|
|
invisibleLabel: true,
|
|
menu: {
|
|
classes: [ 'mw-echo-ui-specialHelpMenuWidget-menu' ],
|
|
horizontalPosition: 'end',
|
|
width: 'auto'
|
|
}
|
|
}, config ) );
|
|
|
|
this.manager = manager;
|
|
|
|
this.markAllReadOption = new OO.ui.MenuOptionWidget( {
|
|
icon: 'checkAll',
|
|
label: this.getMarkAllReadOptionLabel(
|
|
this.manager.getPaginationModel().getCurrentPageItemCount()
|
|
),
|
|
data: 'markAllRead'
|
|
} );
|
|
this.markAllReadOption.toggle( false );
|
|
|
|
this.menu.addItems( [ this.markAllReadOption ] );
|
|
if ( config.prefLink ) {
|
|
this.menu.addItems( [
|
|
// Preferences link
|
|
new OO.ui.MenuOptionWidget( {
|
|
// Use link for accessibility
|
|
$element: $( '<a>' ).attr( 'href', config.prefLink ),
|
|
icon: 'settings',
|
|
label: mw.msg( 'mypreferences' ),
|
|
data: { href: config.prefLink }
|
|
} )
|
|
] );
|
|
}
|
|
|
|
// Events
|
|
this.manager.connect( this, {
|
|
localCountChange: 'onLocalCountChange'
|
|
} );
|
|
this.manager.getFiltersModel().getSourcePagesModel().connect( this, { update: 'onSourcePageUpdate' } );
|
|
this.menu.connect( this, { choose: 'onMenuChoose' } );
|
|
|
|
this.$element.addClass( 'mw-echo-ui-specialHelpMenuWidget' );
|
|
};
|
|
|
|
/* Initialization */
|
|
|
|
OO.inheritClass( mw.echo.ui.SpecialHelpMenuWidget, OO.ui.ButtonMenuSelectWidget );
|
|
|
|
/* Events */
|
|
|
|
/**
|
|
* Mark all notifications as read in the selected wiki
|
|
*
|
|
* @event mw.echo.ui.SpecialHelpMenuWidget#markAllRead
|
|
*/
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Respond to source page change
|
|
*/
|
|
mw.echo.ui.SpecialHelpMenuWidget.prototype.onSourcePageUpdate = function () {
|
|
const sourcePagesModel = this.manager.getFiltersModel().getSourcePagesModel(),
|
|
source = sourcePagesModel.getCurrentSource(),
|
|
sourcePages = sourcePagesModel.getSourcePages( source ),
|
|
currentPage = sourcePagesModel.getCurrentPage(),
|
|
currentCount = currentPage ?
|
|
sourcePages[ currentPage ].count :
|
|
sourcePagesModel.getSourceTotalCount( source );
|
|
|
|
this.markAllReadOption.setLabel( this.getMarkAllReadOptionLabel( currentCount ) );
|
|
};
|
|
|
|
/**
|
|
* Respond to local counter update event
|
|
*
|
|
* @param {number} count New count
|
|
*/
|
|
mw.echo.ui.SpecialHelpMenuWidget.prototype.onLocalCountChange = function ( count ) {
|
|
this.markAllReadOption.setLabel( this.getMarkAllReadOptionLabel( count ) );
|
|
this.markAllReadOption.toggle( count > 0 );
|
|
};
|
|
|
|
/**
|
|
* Handle menu choose events
|
|
*
|
|
* @param {OO.ui.MenuOptionWidget} item Chosen item
|
|
* @fires mw.echo.ui.SpecialHelpMenuWidget#markAllRead
|
|
*/
|
|
mw.echo.ui.SpecialHelpMenuWidget.prototype.onMenuChoose = function ( item ) {
|
|
const data = item.getData();
|
|
if ( data.href ) {
|
|
location.href = data.href;
|
|
} else if ( data === 'markAllRead' ) {
|
|
this.emit( 'markAllRead' );
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Build the button label
|
|
*
|
|
* @param {number} count Number of unread notifications
|
|
* @return {string} Mark all read button label
|
|
*/
|
|
mw.echo.ui.SpecialHelpMenuWidget.prototype.getMarkAllReadOptionLabel = function ( count ) {
|
|
const pageModel = this.manager.getFiltersModel().getSourcePagesModel(),
|
|
source = pageModel.getCurrentSource(),
|
|
sourceTitle = pageModel.getSourceTitle( source );
|
|
|
|
return sourceTitle ?
|
|
mw.msg( 'echo-mark-wiki-as-read', sourceTitle, count ) :
|
|
mw.msg( 'echo-mark-all-as-read', count );
|
|
};
|
|
|
|
}() );
|