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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
/*!
* VisualEditor UserInterface MWAlienExtensionInspector class.
*
* @copyright See AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* Inspector for editing alienated MediaWiki extensions.
*
* @class
* @extends ve.ui.MWExtensionInspector
*
* @constructor
* @param {Object} [config] Configuration options
*/
ve.ui.MWAlienExtensionInspector = function VeUiMWAlienExtensionInspector() {
// Parent constructor
ve.ui.MWAlienExtensionInspector.super.apply( this, arguments );
// Properties
this.attributeInputs = {};
this.$attributes = null;
};
/* Inheritance */
OO.inheritClass( ve.ui.MWAlienExtensionInspector, ve.ui.MWExtensionInspector );
/* Static properties */
ve.ui.MWAlienExtensionInspector.static.name = 'alienExtension';
ve.ui.MWAlienExtensionInspector.static.allowedEmpty = true;
ve.ui.MWAlienExtensionInspector.static.modelClasses = [
ve.dm.MWAlienInlineExtensionNode,
ve.dm.MWAlienBlockExtensionNode
];
/* Methods */
/**
* @inheritdoc
*/
ve.ui.MWAlienExtensionInspector.prototype.initialize = function () {
// Parent method
ve.ui.MWAlienExtensionInspector.super.prototype.initialize.apply( this, arguments );
this.$attributes = $( '<div>' ).addClass( 've-ui-mwAlienExtensionInspector-attributes' );
this.form.$element.append( this.$attributes );
};
/**
* @inheritdoc
*/
ve.ui.MWAlienExtensionInspector.prototype.getSetupProcess = function ( data ) {
return ve.ui.MWAlienExtensionInspector.super.prototype.getSetupProcess.call( this, data )
.next( () => {
const attributes = this.selectedNode.getAttribute( 'mw' ).attrs;
if ( attributes && !ve.isEmptyObject( attributes ) ) {
for ( const key in attributes ) {
const attributeInput = new OO.ui.TextInputWidget( {
value: attributes[ key ]
} );
attributeInput.connect( this, { change: 'onChangeHandler' } );
this.attributeInputs[ key ] = attributeInput;
const field = new OO.ui.FieldLayout(
attributeInput,
{
align: 'left',
label: key
}
);
this.$attributes.append( field.$element );
}
}
this.title.setLabel( this.selectedNode.getExtensionName() );
} );
};
/**
* @inheritdoc
*/
ve.ui.MWAlienExtensionInspector.prototype.getTeardownProcess = function ( data ) {
return ve.ui.MWAlienExtensionInspector.super.prototype.getTeardownProcess.call( this, data )
.next( () => {
this.$attributes.empty();
this.attributeInputs = {};
} );
};
/**
* @inheritdoc ve.ui.MWExtensionWindow
*/
ve.ui.MWAlienExtensionInspector.prototype.updateMwData = function ( mwData ) {
// Parent method
ve.ui.MWAlienExtensionInspector.super.prototype.updateMwData.call( this, mwData );
if ( !ve.isEmptyObject( this.attributeInputs ) ) {
// Make sure we have an attrs object to populate
mwData.attrs = mwData.attrs || {};
for ( const key in this.attributeInputs ) {
mwData.attrs[ key ] = this.attributeInputs[ key ].getValue();
}
}
};
/* Registration */
ve.ui.windowFactory.register( ve.ui.MWAlienExtensionInspector );
|
