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
|
/*!
* VisualEditor MWMediaContextItem class.
*
* @copyright 2011-2017 VisualEditor Team and others; see http://ve.mit-license.org
*/
/**
* Context item for a MWImageNode.
*
* @class
* @extends ve.ui.LinearContextItem
*
* @constructor
* @param {ve.ui.Context} context Context item is in
* @param {ve.dm.Model} model Model item is related to
* @param {Object} config Configuration options
*/
ve.ui.MWMediaContextItem = function VeUiMWMediaContextItem( context, model ) {
var mediaClass;
// Parent constructor
ve.ui.MWMediaContextItem.super.apply( this, arguments );
// Initialization
this.$element.addClass( 've-ui-mwMediaContextItem' );
mediaClass = model.getAttribute( 'mediaClass' ) || 'Image';
this.setIcon( model.getAttribute( 'isError' ) ? 'imageBroken' : {
Image: 'image',
// TODO: Better icons for audio/video
Audio: 'play',
Video: 'play'
}[ mediaClass ] );
// The following messages are used here:
// * visualeditor-media-title-audio
// * visualeditor-media-title-image
// * visualeditor-media-title-video
this.setLabel( ve.msg( 'visualeditor-media-title-' + mediaClass.toLowerCase() ) );
};
/* Inheritance */
OO.inheritClass( ve.ui.MWMediaContextItem, ve.ui.LinearContextItem );
/* Static Properties */
ve.ui.MWMediaContextItem.static.name = 'mwMedia';
ve.ui.MWMediaContextItem.static.icon = 'image';
ve.ui.MWMediaContextItem.static.label =
OO.ui.deferMsg( 'visualeditor-media-title-image' );
ve.ui.MWMediaContextItem.static.modelClasses = [ ve.dm.MWBlockImageNode, ve.dm.MWInlineImageNode ];
ve.ui.MWMediaContextItem.static.commandName = 'media';
/* Methods */
/**
* @inheritdoc
*/
ve.ui.MWMediaContextItem.prototype.getDescription = function () {
return ve.ce.nodeFactory.getDescription( this.model );
};
/**
* @inheritdoc
*/
ve.ui.MWMediaContextItem.prototype.renderBody = function () {
var title = mw.Title.newFromText( mw.libs.ve.normalizeParsoidResourceName( this.model.getAttribute( 'resource' ) ) );
this.$body.append(
$( '<a>' )
.text( this.getDescription() )
.attr( {
href: title.getUrl(),
target: '_blank',
rel: 'noopener'
} )
);
};
/* Registration */
ve.ui.contextItemFactory.register( ve.ui.MWMediaContextItem );
|
