wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-10-01 06:06:47 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../modules/ve-mw/ui/tools/buttons/ve.ui.MWMathButtonTool.js

41 lines
1 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 MWMathButtonTool class.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
Consistency in MW*ButtonTool comments and naming Change-Id: Id71c7f862e43125599ecfc6eeb27719e1891489d
2013-07-26 11:04:19 +00:00
* UserInterface MediaWiki math button tool.
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
*
* @class
* @extends ve.ui.InspectorButtonTool
* @constructor
* @param {ve.ui.Toolbar} toolbar
* @param {Object} [config] Config options
*/
ve.ui.MWMathButtonTool = function VeUiMWMathButtonTool( toolbar, config ) {
// Parent constructor
ve.ui.InspectorButtonTool.call( this, toolbar, config );
};
/* Inheritance */
ve.inheritClass( ve.ui.MWMathButtonTool, ve.ui.InspectorButtonTool );
/* Static Properties */
Toolbar API Objectives: * Make it possible to add items to toolbars without having to have all toolbars know about the items in advance * Make it possible to specialize an existing tool and have it be used instead of the base implementation Approach: * Tools are named using a path-style category/id/ext system, making them selectable, the latter component being used to differentiate extended tools from their base classes, but is ignored during selection * Toolbars have ToolGroups, which include or exclude tools by category or category/id, and order them by promoting and demoting selections of tools by category or category/id Future: * Add a way to place available but not yet placed tools in an "overflow" group * Add a mode to ToolGroup to make the tools a multi-column drop-down style list with labels so tools with less obvious icons are easier to identify - and probably use this as the overflow group Change-Id: I7625f861435a99ce3d7a2b1ece9731aaab1776f8
2013-08-09 18:29:09 +00:00
ve.ui.MWMathButtonTool.static.name = 'object/math/mw';
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
Maths icon for inspector menu as well as inspector itself As not done by 992cb43de5ffa05e84b2f665d155e6812b591b02 (whoops). Change-Id: I29e9452e8bc85ec256f46ddfa4f5000f5fcd2ba4
2013-07-19 00:28:39 +00:00
ve.ui.MWMathButtonTool.static.icon = 'math';
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
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.MWMathButtonTool.static.titleMessage = 'visualeditor-mwmathinspector-title';
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
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.MWMathButtonTool.static.inspector = 'mwMathInspector';
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
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.MWMathButtonTool.static.modelClasses = [ ve.dm.MWMathNode ];
/* Registration */
Toolbar API Objectives: * Make it possible to add items to toolbars without having to have all toolbars know about the items in advance * Make it possible to specialize an existing tool and have it be used instead of the base implementation Approach: * Tools are named using a path-style category/id/ext system, making them selectable, the latter component being used to differentiate extended tools from their base classes, but is ignored during selection * Toolbars have ToolGroups, which include or exclude tools by category or category/id, and order them by promoting and demoting selections of tools by category or category/id Future: * Add a way to place available but not yet placed tools in an "overflow" group * Add a mode to ToolGroup to make the tools a multi-column drop-down style list with labels so tools with less obvious icons are easier to identify - and probably use this as the overflow group Change-Id: I7625f861435a99ce3d7a2b1ece9731aaab1776f8
2013-08-09 18:29:09 +00:00
ve.ui.toolFactory.register( 'object/math/mw', ve.ui.MWMathButtonTool );
Reference in a new issue Copy permalink