wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-05 22:22:54 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve-mw/ui/inspectors/ve.ui.MWMathInspector.js

50 lines
1.2 KiB
JavaScript
Raw Normal View History

Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
/*!
* VisualEditor UserInterface MWMathInspector class.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* MediaWiki math inspector.
*
* @class
Create base MWExtensionNode for simple extension support MWMath and other simple extensions all behave in a similar way, e.g. <tagname>Foreign syntax</tagname>. This creates a base class that should make supporting such extensions, and editing their contents in a plain text box, very simple. Change-Id: Icc0acb33fe32704f71dacb552d9dfa3142eaef2b
2013-08-03 14:17:16 +00:00
* @extends ve.ui.MWExtensionInspector
Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
*
* @constructor
* @param {ve.ui.Surface} surface
* @param {Object} [config] Config options
*/
ve.ui.MWMathInspector = function VeUiMWMathInspector( surface, config ) {
// Parent constructor
Create base MWExtensionNode for simple extension support MWMath and other simple extensions all behave in a similar way, e.g. <tagname>Foreign syntax</tagname>. This creates a base class that should make supporting such extensions, and editing their contents in a plain text box, very simple. Change-Id: Icc0acb33fe32704f71dacb552d9dfa3142eaef2b
2013-08-03 14:17:16 +00:00
ve.ui.MWExtensionInspector.call( this, surface, config );
Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
};
/* Inheritance */
Create base MWExtensionNode for simple extension support MWMath and other simple extensions all behave in a similar way, e.g. <tagname>Foreign syntax</tagname>. This creates a base class that should make supporting such extensions, and editing their contents in a plain text box, very simple. Change-Id: Icc0acb33fe32704f71dacb552d9dfa3142eaef2b
2013-08-03 14:17:16 +00:00
ve.inheritClass( ve.ui.MWMathInspector, ve.ui.MWExtensionInspector );
Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
/* Static properties */
Now we have a maths icon, let's use it Change-Id: I057f74975c0cb61bee54733fd4153ab0f75416d5
2013-07-18 22:48:21 +00:00
ve.ui.MWMathInspector.static.icon = 'math';
Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
ve.ui.MWMathInspector.static.titleMessage = 'visualeditor-mwmathinspector-title';
Create base MWExtensionNode for simple extension support MWMath and other simple extensions all behave in a similar way, e.g. <tagname>Foreign syntax</tagname>. This creates a base class that should make supporting such extensions, and editing their contents in a plain text box, very simple. Change-Id: Icc0acb33fe32704f71dacb552d9dfa3142eaef2b
2013-08-03 14:17:16 +00:00
ve.ui.MWMathInspector.static.nodeView = ve.ce.MWMathNode;
ve.ui.MWMathInspector.static.nodeModel = ve.dm.MWMathNode;
Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
/* Methods */
Create base MWExtensionNode for simple extension support MWMath and other simple extensions all behave in a similar way, e.g. <tagname>Foreign syntax</tagname>. This creates a base class that should make supporting such extensions, and editing their contents in a plain text box, very simple. Change-Id: Icc0acb33fe32704f71dacb552d9dfa3142eaef2b
2013-08-03 14:17:16 +00:00
/** */
Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
ve.ui.MWMathInspector.prototype.initialize = function () {
// Parent method
Create base MWExtensionNode for simple extension support MWMath and other simple extensions all behave in a similar way, e.g. <tagname>Foreign syntax</tagname>. This creates a base class that should make supporting such extensions, and editing their contents in a plain text box, very simple. Change-Id: Icc0acb33fe32704f71dacb552d9dfa3142eaef2b
2013-08-03 14:17:16 +00:00
ve.ui.MWExtensionInspector.prototype.initialize.call( this );
Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
MWMath cleanup VisualEditor.php * Add CSS file ve.ce.MWMathNode.js * Wrap the image in a span, so GenerateContentNode doesn't try to nest an image inside an image * Remove unnecessary attribute setting * Only pass unwrapped image to deferred.resolve * Retrigger MathJax rendering ve.ce.Node.css * Use inline-block for image wrapper ve.dm.MWMathNode.js * Mixin GeneratedContentNode and implement getHash * Copy over functionality of MWTransclusionNode: + Just store data-mw for attributes + Store orignal(DomElement|MW|Index) for selser ve.init.mw.ViewPageTarget.js * Add mwMath to the toolbar ve.ui.MWMathInspector.js * Remove static.InputWidget, not required in this architecture * Use multiline TextInputWidget * Only update mw attribute * Allow creation of new math nodes ve.ui.MWInspector.css * Set height of TextInputWidget Change-Id: I520f8ccc9f89a2ce70aa1d9e02ed0c6cacbecc2f
2013-07-19 22:30:29 +00:00
this.input.$.addClass( 've-ui-mwMathInspector-input' );
Math Node UI Show an inspector with inputwidget when the user clicks a math node. The data of the math equation is shown in the edit box, it can re-render the math tag image when the inspector is closed, and save the change when saving the page. TODO: * Change the icon from link to math * Translate title by translatewiki in i18n * Other further UI improvements Change-Id: I4d7533af25186cc39cc4bc6a4326d222ffd6db19
2013-07-03 21:44:15 +00:00
};
/* Registration */
ve.ui.inspectorFactory.register( 'mwMathInspector', ve.ui.MWMathInspector );
Reference in a new issue Copy permalink