mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-12-19 19:30:57 +00:00
75b6465876
This code has been moved to Minerva and is no longer serving any purpose. The handlers are replaced with an already standardized mw.hook for Minerva to subscribe and respond to. Bug: T342907 Depends-On: I55c18cf723a32f80b93a01dd0687e005162c4e93 Change-Id: I2f923e509d24524a2375ffbe6b3ef336487574bb
106 lines
3.4 KiB
JavaScript
106 lines
3.4 KiB
JavaScript
/**
|
|
* @fires echo.mobile every time the notifications overlay is opened
|
|
*/
|
|
function onOpenNotificationsOverlay() {
|
|
mw.hook( 'echo.mobile' ).fire( true );
|
|
}
|
|
|
|
/**
|
|
* @fires echo.mobile every time the notifications overlay is closed
|
|
*/
|
|
function onCloseNotificationsOverlay() {
|
|
mw.hook( 'echo.mobile' ).fire( false );
|
|
}
|
|
|
|
/**
|
|
* This code loads the necessary modules for the notifications overlay, not to be confused
|
|
* with the Toast notifications defined by common/toast.js.
|
|
*/
|
|
function init() {
|
|
var
|
|
notificationsFilterOverlay = require( './notificationsFilterOverlay.js' ),
|
|
notificationsOverlay = require( './overlay.js' ),
|
|
overlayManager = mw.mobileFrontend.require( 'mobile.startup' ).OverlayManager.getSingleton(),
|
|
initialized = false;
|
|
|
|
function showNotificationOverlay() {
|
|
var overlay = notificationsOverlay(
|
|
function ( exit ) {
|
|
onCloseNotificationsOverlay();
|
|
exit();
|
|
} );
|
|
onOpenNotificationsOverlay();
|
|
|
|
return overlay;
|
|
}
|
|
|
|
// Once the DOM is loaded add the overlay and overlay manager. Minerva will handle the
|
|
// notification button that will link to Special:Notifications.
|
|
$( function () {
|
|
overlayManager.add( /^\/notifications$/, showNotificationOverlay );
|
|
|
|
/**
|
|
* Adds a filter button to the UI inside notificationsInboxWidget
|
|
*
|
|
* @method
|
|
* @ignore
|
|
*/
|
|
function addFilterButton() {
|
|
// Create filter button once the notifications overlay has been loaded
|
|
var filterStatusButton = new OO.ui.ButtonWidget(
|
|
{
|
|
href: '#/notifications-filter',
|
|
classes: [ 'mw-echo-ui-notificationsInboxWidget-main-toolbar-nav-filter-placeholder' ],
|
|
icon: 'funnel',
|
|
label: mw.msg( 'echo-mobile-notifications-filter-title' )
|
|
} );
|
|
|
|
// eslint-disable-next-line no-jquery/no-global-selector
|
|
$( '.mw-echo-ui-notificationsInboxWidget-cell-placeholder' ).append(
|
|
$( '<div>' )
|
|
.addClass( 'mw-echo-ui-notificationsInboxWidget-main-toolbar-nav-filter' )
|
|
.addClass( 'mw-echo-ui-notificationsInboxWidget-cell' )
|
|
.append( filterStatusButton.$element )
|
|
);
|
|
}
|
|
|
|
// This code will currently only be invoked on Special:Notifications
|
|
// The code is bundled here since it makes use of loadModuleScript. This also allows
|
|
// the possibility of invoking the filter from outside the Special page in future.
|
|
// Once the 'ext.echo.special.onInitialize' hook has fired, load notification filter.
|
|
mw.hook( 'ext.echo.special.onInitialize' ).add( function () {
|
|
// eslint-disable-next-line no-jquery/no-global-selector
|
|
var $crossWikiUnreadFilter = $( '.mw-echo-ui-crossWikiUnreadFilterWidget' ),
|
|
// eslint-disable-next-line no-jquery/no-global-selector
|
|
$notifReadState = $( '.mw-echo-ui-notificationsInboxWidget-main-toolbar-readState' );
|
|
|
|
// The 'ext.echo.special.onInitialize' hook is fired whenever special page notification
|
|
// changes display on click of a filter.
|
|
// Hence the hook is restricted from firing more than once.
|
|
if ( initialized ) {
|
|
return;
|
|
}
|
|
|
|
// setup the filter button (now we have OOjs UI)
|
|
addFilterButton();
|
|
|
|
// setup route
|
|
overlayManager.add( /^\/notifications-filter$/, function () {
|
|
onOpenNotificationsOverlay();
|
|
return notificationsFilterOverlay( {
|
|
onBeforeExit: function ( exit ) {
|
|
onCloseNotificationsOverlay();
|
|
exit();
|
|
},
|
|
$notifReadState: $notifReadState,
|
|
$crossWikiUnreadFilter: $crossWikiUnreadFilter
|
|
} );
|
|
} );
|
|
initialized = true;
|
|
} );
|
|
} );
|
|
|
|
}
|
|
|
|
module.exports.init = init;
|