1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
/*!
* VisualEditor user interface MWFloatingHelpDialog class.
*
* @copyright See AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* Popup help dialog launched by a {@see ve.ui.MWFloatingHelpElement}
*
* @class
* @extends OO.ui.ProcessDialog
*
* @constructor
* @param {Object} [config] Configuration options
* @param {string} config.label
* @param {jQuery} config.$message
*/
ve.ui.MWFloatingHelpDialog = function VeUiMWFloatingHelpDialog( config ) {
// Parent constructor
ve.ui.MWFloatingHelpDialog.super.call( this, config );
this.label = config.label;
this.$message = config.$message;
};
/* Inheritance */
OO.inheritClass( ve.ui.MWFloatingHelpDialog, OO.ui.ProcessDialog );
/* Static properties */
ve.ui.MWFloatingHelpDialog.static.name = 'floatingHelp';
ve.ui.MWFloatingHelpDialog.static.actions = [
{
label: OO.ui.deferMsg( 'visualeditor-dialog-action-cancel' ),
flags: [ 'safe', 'close' ]
}
];
/* Methods */
/**
* @inheritdoc
*/
ve.ui.MWFloatingHelpDialog.prototype.initialize = function () {
ve.ui.MWFloatingHelpDialog.super.prototype.initialize.call( this );
const content = new OO.ui.PanelLayout( { padded: true, expanded: false } );
content.$element.append( this.$message );
this.$body.append( content.$element );
this.$foot.remove();
};
/**
* @inheritdoc
*/
ve.ui.MWFloatingHelpDialog.prototype.getSetupProcess = function ( data ) {
return ve.ui.MWFloatingHelpDialog.super.prototype.getSetupProcess.call( this, data ).next( () => {
this.title.setLabel( this.label );
} );
};
ve.ui.MWFloatingHelpDialog.prototype.getSizeProperties = function () {
const sizeProps = ve.ui.MWFloatingHelpDialog.super.prototype.getSizeProperties.call( this );
if ( !OO.ui.isMobile() ) {
return ve.extendObject( {}, sizeProps, { width: '350px', maxHeight: '50%' } );
}
return sizeProps;
};
|
