Page MenuHomeWickedGov Phorge
Files F5971182

overlay.js
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

overlay.js
View Options

/**
* @module module:ext.echo.mobile
*/
const mobile = require( 'mobile.startup' ),
Overlay = mobile.Overlay,
list = require( './list.js' ),
promisedView = mobile.promisedView,
View = mobile.View;
/**
* @param {Overlay} overlay
* @param {Function} exit
*/
function onBeforeExitAnimation( overlay, exit ) {
if ( getComputedStyle( overlay.$el[ 0 ] ).transitionDuration !== '0s' ) {
// Manually detach the overlay from DOM once hide animation completes.
overlay.$el[ 0 ].addEventListener( 'transitionend', exit, { once: true } );
// Kick off animation.
overlay.$el[ 0 ].classList.remove( 'visible' );
} else {
exit();
}
}
/**
* @param {number} count a capped (0-99 or 99+) count.
*/
function onCountChange( count ) {
mw.hook( 'ext.echo.badge.countChange' ).fire(
'all',
count,
mw.msg( 'echo-badge-count',
mw.language.convertNumber( count )
)
);
}
/**
* Make a notification overlay
*
* @param {Function} onBeforeExit
* @return {Overlay}
*/
function notificationsOverlay( onBeforeExit ) {
let markAllReadButton;
const oouiPromise = mw.loader.using( 'oojs-ui' ).then( () => {
markAllReadButton = new OO.ui.ButtonWidget( {
icon: 'checkAll'
} );
return View.make(
{ class: 'notifications-overlay-header-markAllRead' },
[ markAllReadButton.$element ]
);
} );
const markAllReadButtonView = promisedView( oouiPromise );
// hide the button spinner as it is confusing to see in the top right corner
markAllReadButtonView.$el.hide();
const overlay = Overlay.make(
{
heading: '<strong>' + mw.message( 'notifications' ).escaped() + '</strong>',
footerAnchor: {
href: mw.util.getUrl( 'Special:Notifications' ),
progressive: true,
additionalClassNames: 'footer-link notifications-archive-link',
label: mw.msg( 'echo-overlay-link' )
},
headerActions: [ markAllReadButtonView ],
isBorderBox: false,
className: 'overlay notifications-overlay navigation-drawer',
onBeforeExit: function ( exit ) {
onBeforeExit( () => {
onBeforeExitAnimation( overlay, exit );
} );
}
},
promisedView(
oouiPromise.then( () => list( mw.echo, markAllReadButton, onCountChange ) )
)
);
return overlay;
}
module.exports = notificationsOverlay;

File Metadata

Mime Type
text/plain
Expires
Sat, Oct 3, 15:00 (1 d, 20 h)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
9d/d8/26ab403e649a81dc5f13488876d6
Default Alt Text
overlay.js (2 KB)

Event Timeline