mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-15 18:39:52 +00:00
a52d7ff65a
* Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
89 lines
2.2 KiB
JavaScript
89 lines
2.2 KiB
JavaScript
/**
|
|
* VisualEditor user interface AnnotationButtonTool class.
|
|
*
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* Creates an ve.ui.AnnotationButtonTool object.
|
|
*
|
|
* @class
|
|
* @constructor
|
|
* @extends {ve.ui.ButtonTool}
|
|
* @param {ve.ui.Toolbar} toolbar
|
|
* @param {String} name
|
|
* @param {Object} annotation
|
|
*/
|
|
ve.ui.AnnotationButtonTool = function ( toolbar, name, title, data ) {
|
|
// Inheritance
|
|
ve.ui.ButtonTool.call( this, toolbar, name, title );
|
|
|
|
// Properties
|
|
this.annotation = data.annotation;
|
|
this.inspector = data.inspector;
|
|
this.active = false;
|
|
};
|
|
|
|
/* Methods */
|
|
|
|
ve.ui.AnnotationButtonTool.prototype.onClick = function () {
|
|
var surfaceView = this.toolbar.getSurfaceView(),
|
|
surfaceModel = surfaceView.model,
|
|
selection = surfaceModel.getSelection();
|
|
if ( this.inspector ) {
|
|
if ( selection && selection.getLength() ) {
|
|
surfaceView.contextView.openInspector( this.inspector );
|
|
}
|
|
} else {
|
|
surfaceModel.annotate( this.active ? 'clear' : 'set', this.annotation );
|
|
}
|
|
};
|
|
|
|
ve.ui.AnnotationButtonTool.prototype.updateState = function ( annotations, nodes ) {
|
|
var matches = ve.dm.Document.getMatchingAnnotations(
|
|
annotations, new RegExp( '^' + this.annotation.type + '$' )
|
|
);
|
|
if ( ve.isEmptyObject( matches ) ) {
|
|
this.$.removeClass( 've-ui-toolbarButtonTool-down' );
|
|
this.active = false;
|
|
} else {
|
|
this.$.addClass( 've-ui-toolbarButtonTool-down' );
|
|
this.active = true;
|
|
}
|
|
};
|
|
|
|
/* Registration */
|
|
|
|
ve.ui.Tool.tools.bold = {
|
|
'constructor': ve.ui.AnnotationButtonTool,
|
|
'name': 'bold',
|
|
'title': ve.msg( 'visualeditor-annotationbutton-bold-tooltip' ),
|
|
'data': {
|
|
'annotation': { 'type': 'textStyle/bold' }
|
|
}
|
|
};
|
|
|
|
ve.ui.Tool.tools.italic = {
|
|
'constructor': ve.ui.AnnotationButtonTool,
|
|
'name': 'italic',
|
|
'title': ve.msg( 'visualeditor-annotationbutton-italic-tooltip' ),
|
|
'data': {
|
|
'annotation': { 'type': 'textStyle/italic' }
|
|
}
|
|
};
|
|
|
|
ve.ui.Tool.tools.link = {
|
|
'constructor': ve.ui.AnnotationButtonTool,
|
|
'name': 'link',
|
|
'title': ve.msg( 'visualeditor-annotationbutton-link-tooltip' ),
|
|
'data': {
|
|
'annotation': { 'type': 'link/WikiLink', 'data': { 'title': '' } },
|
|
'inspector': 'link'
|
|
}
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
ve.extendClass( ve.ui.AnnotationButtonTool, ve.ui.ButtonTool );
|