mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Math
synced 2024-12-03 19:56:55 +00:00
82 lines
2.3 KiB
JavaScript
82 lines
2.3 KiB
JavaScript
/*!
|
|
* VisualEditor user interface MWLatexPage class.
|
|
*
|
|
* @copyright 2015 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license MIT
|
|
*/
|
|
|
|
/**
|
|
* Latex dialog symbols page
|
|
*
|
|
* @class
|
|
* @extends OO.ui.PageLayout
|
|
*
|
|
* @constructor
|
|
* @param {string} name Unique symbolic name of page
|
|
* @param {Object} [config] Configuration options
|
|
*/
|
|
ve.ui.MWLatexPage = function VeUiMWLatexPage( name, config ) {
|
|
// Parent constructor
|
|
ve.ui.MWLatexPage.super.call( this, name, config );
|
|
|
|
this.label = config.label;
|
|
|
|
var symbols = config.symbols;
|
|
var $symbols = $( '<div>' ).addClass( 've-ui-specialCharacterPage-characters' );
|
|
var symbolsNode = $symbols[ 0 ];
|
|
|
|
// Avoiding jQuery wrappers as advised in ve.ui.SpecialCharacterPage
|
|
symbols.forEach( function ( symbol ) {
|
|
if ( !symbol.notWorking && !symbol.duplicate ) {
|
|
var tex = symbol.tex || symbol.insert;
|
|
var classes = [ 've-ui-mwLatexPage-symbol' ];
|
|
classes.push(
|
|
've-ui-mwLatexSymbol-' + tex.replace( /[^\w]/g, function ( c ) {
|
|
return '_' + c.charCodeAt( 0 ) + '_';
|
|
} )
|
|
);
|
|
if ( symbol.width ) {
|
|
classes.push( 've-ui-mwLatexPage-symbol-' + symbol.width );
|
|
}
|
|
if ( symbol.contain ) {
|
|
classes.push( 've-ui-mwLatexPage-symbol-contain' );
|
|
}
|
|
if ( symbol.largeLayout ) {
|
|
classes.push( 've-ui-mwLatexPage-symbol-largeLayout' );
|
|
}
|
|
var symbolNode = document.createElement( 'div' );
|
|
classes.forEach( function ( className ) {
|
|
// The following classes are used here:
|
|
// * ve-ui-mwLatexPage-symbol
|
|
// * ve-ui-mwLatexPage-symbol-wide
|
|
// * ve-ui-mwLatexPage-symbol-wider
|
|
// * ve-ui-mwLatexPage-symbol-widest
|
|
// * ve-ui-mwLatexPage-symbol-contain
|
|
// * ve-ui-mwLatexPage-symbol-largeLayout
|
|
symbolNode.classList.add( className );
|
|
} );
|
|
$.data( symbolNode, 'symbol', symbol );
|
|
symbolsNode.appendChild( symbolNode );
|
|
}
|
|
} );
|
|
|
|
this.$element
|
|
.addClass( 've-ui-mwLatexPage' )
|
|
.append( $( '<h3>' ).text( name ), $symbols );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
OO.inheritClass( ve.ui.MWLatexPage, OO.ui.PageLayout );
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWLatexPage.prototype.setupOutlineItem = function ( outlineItem ) {
|
|
ve.ui.MWLatexPage.super.prototype.setupOutlineItem.call( this, outlineItem );
|
|
this.outlineItem.setLabel( this.label );
|
|
this.outlineItem.$element.addClass( 've-ui-mwLatexPage-outline' );
|
|
};
|