mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-09-28 20:56:34 +00:00
f51cf7db7b
When a user is blocked, the toast message provides insufficent information to the user. To provide more information, as well as a better design, the block message will be moved into a drawer. Bug: T165535 Change-Id: Ib025db3a8a4d1fd7bd05b69f9b5326943288372f Depends-On: I926918d0bd7f2176f188a2154dc5e99f6a8a7ad1
51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
( function ( M ) {
|
|
'use strict';
|
|
|
|
var Drawer = M.require( 'mobile.startup/Drawer' ),
|
|
Button = M.require( 'mobile.startup/Button' ),
|
|
Icon = M.require( 'mobile.startup/Icon' ),
|
|
util = M.require( 'mobile.startup/util' );
|
|
|
|
/**
|
|
* This creates the drawer at the bottom of the screen that appears when a
|
|
* blocked user tries to edit.
|
|
* @class BlockReason
|
|
* @extends Drawer
|
|
*/
|
|
function BlockMessage() {
|
|
Drawer.apply( this, arguments );
|
|
}
|
|
|
|
OO.mfExtend( BlockMessage, Drawer, {
|
|
defaults: util.extend( {}, Drawer.prototype.defaults, {
|
|
stopHandIcon: new Icon( {
|
|
glyphPrefix: 'minerva',
|
|
name: 'stop-hand'
|
|
} ).options,
|
|
userIcon: new Icon( {
|
|
tagName: 'span',
|
|
glyphPrefix: 'minerva',
|
|
name: 'user-avatar'
|
|
} ).options,
|
|
okButton: new Button( {
|
|
label: mw.msg( 'ok' ),
|
|
tagName: 'button',
|
|
progressive: true,
|
|
additionalClassNames: 'cancel'
|
|
} ).options,
|
|
title: mw.msg( 'skin-minerva-blocked-drawer-title' ),
|
|
reasonHeader: mw.msg( 'skin-minerva-blocked-drawer-reason-header' ),
|
|
creatorHeader: mw.msg( 'skin-minerva-blocked-drawer-creator-header' ),
|
|
expiryHeader: mw.msg( 'skin-minerva-blocked-drawer-expiry-header' )
|
|
} ),
|
|
templatePartials: util.extend( {}, Drawer.prototype.templatePartials, {
|
|
button: Button.prototype.template,
|
|
icon: Icon.prototype.template
|
|
} ),
|
|
template: mw.template.get( 'skins.minerva.editor.blockMessage', 'BlockMessage.hogan' )
|
|
} );
|
|
|
|
M.define( 'skins.minerva.editor/BlockMessage', BlockMessage );
|
|
|
|
}( mw.mobileFrontend ) );
|