2012-06-28 09:52:03 +00:00
|
|
|
<?php
|
2012-07-19 21:25:16 +00:00
|
|
|
/**
|
|
|
|
|
* VisualEditor standalone demo
|
|
|
|
|
*
|
|
|
|
|
* @file
|
|
|
|
|
* @ingroup Extensions
|
2013-02-19 23:37:34 +00:00
|
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
2012-07-19 21:25:16 +00:00
|
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
|
|
|
*/
|
|
|
|
|
|
2012-12-04 07:54:49 +00:00
|
|
|
$path = __DIR__ . '/pages';
|
2012-07-19 21:25:16 +00:00
|
|
|
$pages = glob( $path . '/*.html' );
|
|
|
|
|
$page = current( $pages );
|
|
|
|
|
if ( isset( $_GET['page'] ) && in_array( $path . '/' . $_GET['page'] . '.html', $pages ) ) {
|
|
|
|
|
$page = $path . '/' . $_GET['page'] . '.html';
|
|
|
|
|
}
|
2013-02-11 19:46:58 +00:00
|
|
|
$html = file_get_contents( $page );
|
2012-07-19 21:25:16 +00:00
|
|
|
|
2012-06-28 09:52:03 +00:00
|
|
|
?>
|
2012-02-07 19:13:19 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2012-10-16 14:03:26 +00:00
|
|
|
<meta charset="UTF-8">
|
2012-06-28 09:52:03 +00:00
|
|
|
<title>VisualEditor Standalone Demo</title>
|
2012-10-16 14:03:26 +00:00
|
|
|
|
|
|
|
|
<!-- Generated by maintenance/makeStaticLoader.php -->
|
|
|
|
|
<!-- Standalone Init -->
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/init/sa/styles/ve.init.sa.css">
|
|
|
|
|
<!-- ext.visualEditor.core -->
|
2013-01-16 21:06:05 +00:00
|
|
|
<link rel=stylesheet href="../../modules/ve/styles/ve.Surface.css">
|
2012-10-16 14:03:26 +00:00
|
|
|
<link rel=stylesheet href="../../modules/ve/ce/styles/ve.ce.DocumentNode.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ce/styles/ve.ce.Node.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ce/styles/ve.ce.Surface.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Context.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Inspector.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Surface.css">
|
2012-10-24 21:49:08 +00:00
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Tool.css">
|
(bug 43841) Major ve.ui rewrite, especially ve.ui.LinkInspector
Objectives:
* Make the link inspector easier to use
* Try to resolve a few bugs (bug 43841, bug 43063, bug 42986)
* Stop using jquery.multiSuggest (which didn't really understand annotations)
* Better divide MediaWiki specifics from generic implementations
Changes:
VisualEditor.php, modules/ve/test/index.php, demos/ve/index.php
* Updated links to files
ve.Registry
* Fixed mistake where registry was initialized as an array - this didn't cause any errors because you can add arbitrary properties to an array and use it like any other object
ve.Factory
* Removed duplicate initialization of registry property
* Added entries property, which is an array that's appended to for tracking the order of registrations
ve.CommandRegistry
* Added mwLink command which opens the mwLink inspector
ve.ui.TextInputWidget
* Added basic widget class for text inputs
ve.ui.TextInputMenuWidget
* Added widget that provides a menu of options for a text input widget
ve.ui.MWLinkTargetInputWidget
* Added MediaWiki specific link target widget
ve.ui.MenuWidget
* Converted ve.ui.Menu into a widget
* Moved the body of onSelect to onMouseUp
ve.ui.LinkTargetInputWidget
* Added link target widget which adds link annotation functionality to a normal text input
ve.ui.InputWidget
* Added generic input widget which emits reliable and instant change events and synchronizes a value property with the DOM value
ve.ui.Widget
* Added base widget class
* Widgets can be used in any frame
ve.ui.Tool
* Fixed line length issues
ve.ui.InspectorFactory
* Made use of new entries property for factories to select the most recently added inspector if more than one match a given annotation
ve.ui.Inspector
* Added auto-focus on the first visible input element on open
* Moved afterClose event to after re-focus on document on close
* Added documentation
ve.ui.Frame
* Adjusted documentation
* Added binding of $$ to the frame context so it can be passed around
* Added documentation
ve.ui.Context
* Added ve.ui.Widget.css to iframes
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
* Removed unused positionBelowOverlay method
* Added CSS settings to set overlay left and width properties according to context size
* Added documentation
ve.ui.DropdownTool
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
ve.ui.FormatDropdownTool
* Added documentation
ve.ui.MWLinkButtonTool
* Added MediaWiki specific version of ve.ui.LinkButtonTool, which opens the mwLink inspector
ve.ui.Widget.css
* Added styles for all widgets
ve.ui.Tool.css, ve.init.sa.css, ve.init.mw.ViewPageTarget.css, ve.init.mw.ViewPageTarget-apex.css
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
ve.ui.Menu.css
* Deleted (merged into ve.ui.Widget.css)
ve.ui.Menu.css
* Deleted suggest styles (no longer used)
pending.gif, pending.psd
* Added diagonal stripe animation to indicate a pending request to the API
ve.ui.MWLinkInspector
* Added MediaWiki specific inspector which uses MediaWiki specific annotations and widgets
ve.ui.LinkInspector
* Removed mw global hint (not needed anymore)
* Switched from comparing targets to annotations (since the target text is ambiguous in some situations)
* Switched to using input widget, which is configured using a static property
* Removed use of jquery.multiSuggest
* Moved MediaWiki specifics to their own class (ve.ui.MWLinkInspector)
ve.init.mw.ViewPageTarget
* Added MediaWiki specific toolbar and command options
Change-Id: I859b5871a9d2f17d970c002067c8ff24f3513e9f
2013-01-09 21:34:23 +00:00
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Toolbar.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Widget.css">
|
2012-10-16 14:03:26 +00:00
|
|
|
|
2012-08-30 20:04:22 +00:00
|
|
|
<script>
|
|
|
|
|
if ( window.devicePixelRatio > 1 ) {
|
2012-12-05 07:18:09 +00:00
|
|
|
document.write( '<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Icons-vector.css">' );
|
2012-08-30 20:04:22 +00:00
|
|
|
} else {
|
2012-12-04 21:53:33 +00:00
|
|
|
document.write( '<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Icons-raster.css">' );
|
2012-08-30 20:04:22 +00:00
|
|
|
}
|
|
|
|
|
</script>
|
2012-10-16 14:03:26 +00:00
|
|
|
|
2012-06-28 09:52:03 +00:00
|
|
|
<!-- demo -->
|
|
|
|
|
<link rel="stylesheet" href="demo.css">
|
2012-02-07 19:13:19 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2012-06-28 09:52:03 +00:00
|
|
|
<ul class="ve-demo-docs">
|
|
|
|
|
<?php foreach( $pages as $page ): ?>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="./?page=<?php echo basename( $page, '.html' ); ?>">
|
|
|
|
|
<?php echo basename( $page, '.html' ); ?>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="ve-demo-content"></div>
|
2012-02-07 19:13:19 +00:00
|
|
|
|
2012-10-16 14:03:26 +00:00
|
|
|
<!-- Generated by maintenance/makeStaticLoader.php -->
|
|
|
|
|
<!-- Dependencies -->
|
2012-02-07 19:13:19 +00:00
|
|
|
<script src="../../modules/jquery/jquery.js"></script>
|
2012-10-16 14:03:26 +00:00
|
|
|
<script src="../../modules/rangy/rangy-core.js"></script>
|
|
|
|
|
<script src="../../modules/rangy/rangy-position.js"></script>
|
|
|
|
|
<!-- ext.visualEditor.base -->
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ve.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.EventEmitter.js"></script>
|
2012-10-16 14:03:26 +00:00
|
|
|
<script src="../../modules/ve/init/ve.init.js"></script>
|
|
|
|
|
<script src="../../modules/ve/init/ve.init.Platform.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.debug.js"></script>
|
|
|
|
|
<!-- Standalone Init -->
|
|
|
|
|
<script src="../../modules/ve/init/sa/ve.init.sa.js"></script>
|
|
|
|
|
<script src="../../modules/ve/init/sa/ve.init.sa.Platform.js"></script>
|
2012-12-04 07:54:49 +00:00
|
|
|
<script>
|
|
|
|
|
<?php
|
|
|
|
|
require( '../../modules/../VisualEditor.i18n.php' );
|
|
|
|
|
echo 've.init.platform.addMessages( ' . json_encode( $messages['en'] ) . ');';
|
|
|
|
|
?>
|
|
|
|
|
ve.init.platform.setModulesUrl( '../../modules/' );
|
|
|
|
|
</script>
|
2012-10-16 14:03:26 +00:00
|
|
|
<!-- ext.visualEditor.core -->
|
2012-11-07 20:09:18 +00:00
|
|
|
<script src="../../modules/ve/ve.Registry.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ve.Factory.js"></script>
|
2013-01-26 03:29:21 +00:00
|
|
|
<script src="../../modules/ve/ve.Trigger.js"></script>
|
2012-11-07 20:09:18 +00:00
|
|
|
<script src="../../modules/ve/ve.CommandRegistry.js"></script>
|
2013-01-15 20:15:15 +00:00
|
|
|
<script src="../../modules/ve/ve.TriggerRegistry.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ve.Range.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.Node.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.BranchNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.LeafNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.Surface.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.Document.js"></script>
|
2012-09-07 22:26:24 +00:00
|
|
|
<script src="../../modules/ve/ve.OrderedHashSet.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.AnnotationSet.js"></script>
|
2012-10-24 21:34:01 +00:00
|
|
|
<script src="../../modules/ve/ve.Action.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.ActionFactory.js"></script>
|
|
|
|
|
<script src="../../modules/ve/actions/ve.AnnotationAction.js"></script>
|
2012-11-16 23:31:36 +00:00
|
|
|
<script src="../../modules/ve/actions/ve.ContentAction.js"></script>
|
2012-10-24 21:34:01 +00:00
|
|
|
<script src="../../modules/ve/actions/ve.FormatAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/actions/ve.HistoryAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/actions/ve.IndentationAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/actions/ve.InspectorAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/actions/ve.ListAction.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.js"></script>
|
2013-01-18 05:29:01 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.ModelRegistry.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.NodeFactory.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.AnnotationFactory.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.Node.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.BranchNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.LeafNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.Annotation.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.TransactionProcessor.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.Transaction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.Surface.js"></script>
|
2012-10-12 23:36:55 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.SurfaceFragment.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.Document.js"></script>
|
2012-12-07 01:23:03 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.DocumentSlice.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.DocumentSynchronizer.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.Converter.js"></script>
|
2013-01-25 04:09:53 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.AlienNode.js"></script>
|
2012-08-08 23:06:20 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.BreakNode.js"></script>
|
2012-08-22 19:51:33 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.CenterNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DefinitionListItemNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DefinitionListNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DocumentNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.HeadingNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ImageNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ListItemNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ListNode.js"></script>
|
2013-01-25 04:10:42 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.MetaNode.js"></script>
|
2012-11-20 23:37:06 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.MWEntityNode.js"></script>
|
2013-02-20 17:07:57 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.MWMetaNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ParagraphNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.PreformattedNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableCellNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableRowNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableSectionNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TextNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.LinkAnnotation.js"></script>
|
2012-10-13 00:07:21 +00:00
|
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.MWExternalLinkAnnotation.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.MWInternalLinkAnnotation.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.TextStyleAnnotation.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.js"></script>
|
2013-02-23 00:54:17 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.RangyRange.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.NodeFactory.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.Document.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.Node.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.BranchNode.js"></script>
|
2012-11-27 00:35:12 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.ContentBranchNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.LeafNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.Surface.js"></script>
|
2012-10-04 19:54:39 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.SurfaceObserver.js"></script>
|
2012-11-15 23:33:09 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.AlienNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.AlienInlineNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.AlienBlockNode.js"></script>
|
2012-08-08 23:06:20 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.BreakNode.js"></script>
|
2012-10-17 20:12:37 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.CenterNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DefinitionListItemNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DefinitionListNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DocumentNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.HeadingNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ImageNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ListItemNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ListNode.js"></script>
|
2012-11-20 23:37:06 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.MWEntityNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ParagraphNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.PreformattedNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableCellNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableRowNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableSectionNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TextNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.js"></script>
|
2012-10-24 22:20:41 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.Context.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Frame.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.Inspector.js"></script>
|
2012-10-24 22:20:41 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.InspectorFactory.js"></script>
|
Major UI refactoring and improvements
Objective:
Refactor UI widgets, improve usability and accessibility of menus, general cleanup and style improvements.
Extras:
Fixed documentation in a few other files to make descriptions of jQuery event arguments more consistent, classes inherit correctly, and made use of the @cfg functionality in jsduck.
Changes:
.docs/config.json
* Added window, HTMLDocument, HTMLElement, DocumentFragment and XMLHttpRequest to externals, so jsduck doesn't throw warnings when they are used
demos/ve/index.php, modules/ve/test/index.php, VisualEditor.php
* Moved widgets above tools (since tools use widgets)
demos/ve/index.php
* Refactored widget initialization to use options
* Renamed variables to match widget names
ve.init.mw.ViewPageTarget.css
* Adjusted text sizes to make widgets work normally
* Added margins for buttons in toolbar (since button widgets
don't have any)
* Removed styles for init buttons (button widgets now)
ve.init.mw.ViewPageTarget.js
* Switched to using button widgets (involved moving things around
a bit)
ve.ui.LinkInspector.js, ve.ui.MWLinkInspector.js
* Renamed static property "inputWidget" to
"linkTargetInputWidget" to better reflect the required base class
for the properties value
icons.ai, check.png, check.svg
* Added "check" icon, used in menu right now to show which item
is selected
ve.ui.Icons-raster.css, ve.ui.Icons-vector.css
* Added check icon
* Removed :before pseudo selectors from most of the icon classes (not need by button tool anymore, makes them more reusable now)
ve.ui.Tool.css
* Adjusted drop down tool styles so menu appears below, instead
of on top, of the label
* Adjusted paragraph font size to better match actual content
* Updated class names to still work with menu widget changes
(items are their own widgets now)
* Updated selectors as per changes in the structure of button tools
ve.ui.Widget.css
* Added styles for buttons and menu items
* Adjusted menu styles
ve.ui.*ButtonTool.js
* Added config options argument passthrough
ve.ui.ButtonTool.js
* Moved var statement to the top inside constructor
* Switched to using "a" tag to get cross-browser :active support
* Added icon to inside of button to make icon styles more reusable
* Removed disabled support (now provided by widget parent class)
ve.ui.FormatDropDownTool.js
* Updated options initialization to construct menu item objects
* Modified handling of items to account for changes in menu and
item classes
* Optimized onUpdateState method a bit, adding early exit to
inner loop
ve.ui.ButtonTool.js, ve.ui.DropdownTool.js, ve.ui.Context.js,
ve.ui.Frame, ve.ui.Tool.js, ve.ui.Widget.js
* Added chain ability to non-getter methods
ve.ui.DropdownTool.js
* Removed items argument to constructor
* Updated code as per changes in menu class
* Fixed inconsistent naming of event handler methods
* Removed item event handling (now handled by items directly)
* Made use of this.$$ to ensure tool works in other frames
ve.ui.Tool.js
* Made tools inherit from widget
* Moved trigger registry event handler to a method
ve.ui.Context.js
* Switched from using menu to contain toolbar to a simple wrapper
ve.ui.js
* Added get$$ method, a convenience function for binding jQuery
to a specific document context
ve.ui.*Widget.js
* Switched to using a config options object instead of individual arguments
* Added options
* Factored out flags and labels into their own classes
* Refactored value setting methods for inputs
ve.ui.MenuWidget.js, ve.ui.MenuItemWidget.js
* Broke items out into their own classes
* Redesigned API
* Updated code that uses these classes
* Added support for keyboard interaction
* Made items flash when selected (delaying the hiding of the menu for 200ms)
ve.ui.LinkTargetInputWidget.js, ve.ui.MWLinkTargetInputWidget
* Refactored annotation setting methods
Change-Id: I7769bd5a5b79f1ab36f258ef9f2be583ca503ce6
2013-02-20 23:25:12 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.Widget.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.Tool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Toolbar.js"></script>
|
2012-10-24 21:49:08 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.ToolFactory.js"></script>
|
Major UI refactoring and improvements
Objective:
Refactor UI widgets, improve usability and accessibility of menus, general cleanup and style improvements.
Extras:
Fixed documentation in a few other files to make descriptions of jQuery event arguments more consistent, classes inherit correctly, and made use of the @cfg functionality in jsduck.
Changes:
.docs/config.json
* Added window, HTMLDocument, HTMLElement, DocumentFragment and XMLHttpRequest to externals, so jsduck doesn't throw warnings when they are used
demos/ve/index.php, modules/ve/test/index.php, VisualEditor.php
* Moved widgets above tools (since tools use widgets)
demos/ve/index.php
* Refactored widget initialization to use options
* Renamed variables to match widget names
ve.init.mw.ViewPageTarget.css
* Adjusted text sizes to make widgets work normally
* Added margins for buttons in toolbar (since button widgets
don't have any)
* Removed styles for init buttons (button widgets now)
ve.init.mw.ViewPageTarget.js
* Switched to using button widgets (involved moving things around
a bit)
ve.ui.LinkInspector.js, ve.ui.MWLinkInspector.js
* Renamed static property "inputWidget" to
"linkTargetInputWidget" to better reflect the required base class
for the properties value
icons.ai, check.png, check.svg
* Added "check" icon, used in menu right now to show which item
is selected
ve.ui.Icons-raster.css, ve.ui.Icons-vector.css
* Added check icon
* Removed :before pseudo selectors from most of the icon classes (not need by button tool anymore, makes them more reusable now)
ve.ui.Tool.css
* Adjusted drop down tool styles so menu appears below, instead
of on top, of the label
* Adjusted paragraph font size to better match actual content
* Updated class names to still work with menu widget changes
(items are their own widgets now)
* Updated selectors as per changes in the structure of button tools
ve.ui.Widget.css
* Added styles for buttons and menu items
* Adjusted menu styles
ve.ui.*ButtonTool.js
* Added config options argument passthrough
ve.ui.ButtonTool.js
* Moved var statement to the top inside constructor
* Switched to using "a" tag to get cross-browser :active support
* Added icon to inside of button to make icon styles more reusable
* Removed disabled support (now provided by widget parent class)
ve.ui.FormatDropDownTool.js
* Updated options initialization to construct menu item objects
* Modified handling of items to account for changes in menu and
item classes
* Optimized onUpdateState method a bit, adding early exit to
inner loop
ve.ui.ButtonTool.js, ve.ui.DropdownTool.js, ve.ui.Context.js,
ve.ui.Frame, ve.ui.Tool.js, ve.ui.Widget.js
* Added chain ability to non-getter methods
ve.ui.DropdownTool.js
* Removed items argument to constructor
* Updated code as per changes in menu class
* Fixed inconsistent naming of event handler methods
* Removed item event handling (now handled by items directly)
* Made use of this.$$ to ensure tool works in other frames
ve.ui.Tool.js
* Made tools inherit from widget
* Moved trigger registry event handler to a method
ve.ui.Context.js
* Switched from using menu to contain toolbar to a simple wrapper
ve.ui.js
* Added get$$ method, a convenience function for binding jQuery
to a specific document context
ve.ui.*Widget.js
* Switched to using a config options object instead of individual arguments
* Added options
* Factored out flags and labels into their own classes
* Refactored value setting methods for inputs
ve.ui.MenuWidget.js, ve.ui.MenuItemWidget.js
* Broke items out into their own classes
* Redesigned API
* Updated code that uses these classes
* Added support for keyboard interaction
* Made items flash when selected (delaying the hiding of the menu for 200ms)
ve.ui.LinkTargetInputWidget.js, ve.ui.MWLinkTargetInputWidget
* Refactored annotation setting methods
Change-Id: I7769bd5a5b79f1ab36f258ef9f2be583ca503ce6
2013-02-20 23:25:12 +00:00
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.LabeledWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.FlaggableWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.ButtonWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.InputWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.InputLabelWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.TextInputWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.MenuItemWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.MenuWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.TextInputMenuWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.LinkTargetInputWidget.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.MWLinkTargetInputWidget.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.AnnotationButtonTool.js"></script>
|
2012-10-24 21:49:08 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.InspectorButtonTool.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.IndentationButtonTool.js"></script>
|
2012-10-24 21:49:08 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ListButtonTool.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.DropdownTool.js"></script>
|
2012-10-24 21:49:08 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.BoldButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.ItalicButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.ClearButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.LinkButtonTool.js"></script>
|
(bug 43841) Major ve.ui rewrite, especially ve.ui.LinkInspector
Objectives:
* Make the link inspector easier to use
* Try to resolve a few bugs (bug 43841, bug 43063, bug 42986)
* Stop using jquery.multiSuggest (which didn't really understand annotations)
* Better divide MediaWiki specifics from generic implementations
Changes:
VisualEditor.php, modules/ve/test/index.php, demos/ve/index.php
* Updated links to files
ve.Registry
* Fixed mistake where registry was initialized as an array - this didn't cause any errors because you can add arbitrary properties to an array and use it like any other object
ve.Factory
* Removed duplicate initialization of registry property
* Added entries property, which is an array that's appended to for tracking the order of registrations
ve.CommandRegistry
* Added mwLink command which opens the mwLink inspector
ve.ui.TextInputWidget
* Added basic widget class for text inputs
ve.ui.TextInputMenuWidget
* Added widget that provides a menu of options for a text input widget
ve.ui.MWLinkTargetInputWidget
* Added MediaWiki specific link target widget
ve.ui.MenuWidget
* Converted ve.ui.Menu into a widget
* Moved the body of onSelect to onMouseUp
ve.ui.LinkTargetInputWidget
* Added link target widget which adds link annotation functionality to a normal text input
ve.ui.InputWidget
* Added generic input widget which emits reliable and instant change events and synchronizes a value property with the DOM value
ve.ui.Widget
* Added base widget class
* Widgets can be used in any frame
ve.ui.Tool
* Fixed line length issues
ve.ui.InspectorFactory
* Made use of new entries property for factories to select the most recently added inspector if more than one match a given annotation
ve.ui.Inspector
* Added auto-focus on the first visible input element on open
* Moved afterClose event to after re-focus on document on close
* Added documentation
ve.ui.Frame
* Adjusted documentation
* Added binding of $$ to the frame context so it can be passed around
* Added documentation
ve.ui.Context
* Added ve.ui.Widget.css to iframes
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
* Removed unused positionBelowOverlay method
* Added CSS settings to set overlay left and width properties according to context size
* Added documentation
ve.ui.DropdownTool
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
ve.ui.FormatDropdownTool
* Added documentation
ve.ui.MWLinkButtonTool
* Added MediaWiki specific version of ve.ui.LinkButtonTool, which opens the mwLink inspector
ve.ui.Widget.css
* Added styles for all widgets
ve.ui.Tool.css, ve.init.sa.css, ve.init.mw.ViewPageTarget.css, ve.init.mw.ViewPageTarget-apex.css
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
ve.ui.Menu.css
* Deleted (merged into ve.ui.Widget.css)
ve.ui.Menu.css
* Deleted suggest styles (no longer used)
pending.gif, pending.psd
* Added diagonal stripe animation to indicate a pending request to the API
ve.ui.MWLinkInspector
* Added MediaWiki specific inspector which uses MediaWiki specific annotations and widgets
ve.ui.LinkInspector
* Removed mw global hint (not needed anymore)
* Switched from comparing targets to annotations (since the target text is ambiguous in some situations)
* Switched to using input widget, which is configured using a static property
* Removed use of jquery.multiSuggest
* Moved MediaWiki specifics to their own class (ve.ui.MWLinkInspector)
ve.init.mw.ViewPageTarget
* Added MediaWiki specific toolbar and command options
Change-Id: I859b5871a9d2f17d970c002067c8ff24f3513e9f
2013-01-09 21:34:23 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.MWLinkButtonTool.js"></script>
|
2012-10-24 21:49:08 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.BulletButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.NumberButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.IndentButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.OutdentButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.RedoButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/buttons/ve.ui.UndoButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/dropdowns/ve.ui.FormatDropdownTool.js"></script>
|
(bug 43841) Major ve.ui rewrite, especially ve.ui.LinkInspector
Objectives:
* Make the link inspector easier to use
* Try to resolve a few bugs (bug 43841, bug 43063, bug 42986)
* Stop using jquery.multiSuggest (which didn't really understand annotations)
* Better divide MediaWiki specifics from generic implementations
Changes:
VisualEditor.php, modules/ve/test/index.php, demos/ve/index.php
* Updated links to files
ve.Registry
* Fixed mistake where registry was initialized as an array - this didn't cause any errors because you can add arbitrary properties to an array and use it like any other object
ve.Factory
* Removed duplicate initialization of registry property
* Added entries property, which is an array that's appended to for tracking the order of registrations
ve.CommandRegistry
* Added mwLink command which opens the mwLink inspector
ve.ui.TextInputWidget
* Added basic widget class for text inputs
ve.ui.TextInputMenuWidget
* Added widget that provides a menu of options for a text input widget
ve.ui.MWLinkTargetInputWidget
* Added MediaWiki specific link target widget
ve.ui.MenuWidget
* Converted ve.ui.Menu into a widget
* Moved the body of onSelect to onMouseUp
ve.ui.LinkTargetInputWidget
* Added link target widget which adds link annotation functionality to a normal text input
ve.ui.InputWidget
* Added generic input widget which emits reliable and instant change events and synchronizes a value property with the DOM value
ve.ui.Widget
* Added base widget class
* Widgets can be used in any frame
ve.ui.Tool
* Fixed line length issues
ve.ui.InspectorFactory
* Made use of new entries property for factories to select the most recently added inspector if more than one match a given annotation
ve.ui.Inspector
* Added auto-focus on the first visible input element on open
* Moved afterClose event to after re-focus on document on close
* Added documentation
ve.ui.Frame
* Adjusted documentation
* Added binding of $$ to the frame context so it can be passed around
* Added documentation
ve.ui.Context
* Added ve.ui.Widget.css to iframes
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
* Removed unused positionBelowOverlay method
* Added CSS settings to set overlay left and width properties according to context size
* Added documentation
ve.ui.DropdownTool
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
ve.ui.FormatDropdownTool
* Added documentation
ve.ui.MWLinkButtonTool
* Added MediaWiki specific version of ve.ui.LinkButtonTool, which opens the mwLink inspector
ve.ui.Widget.css
* Added styles for all widgets
ve.ui.Tool.css, ve.init.sa.css, ve.init.mw.ViewPageTarget.css, ve.init.mw.ViewPageTarget-apex.css
* Updated code as per moving of ve.ui.Menu to ve.ui.MenuWidget
ve.ui.Menu.css
* Deleted (merged into ve.ui.Widget.css)
ve.ui.Menu.css
* Deleted suggest styles (no longer used)
pending.gif, pending.psd
* Added diagonal stripe animation to indicate a pending request to the API
ve.ui.MWLinkInspector
* Added MediaWiki specific inspector which uses MediaWiki specific annotations and widgets
ve.ui.LinkInspector
* Removed mw global hint (not needed anymore)
* Switched from comparing targets to annotations (since the target text is ambiguous in some situations)
* Switched to using input widget, which is configured using a static property
* Removed use of jquery.multiSuggest
* Moved MediaWiki specifics to their own class (ve.ui.MWLinkInspector)
ve.init.mw.ViewPageTarget
* Added MediaWiki specific toolbar and command options
Change-Id: I859b5871a9d2f17d970c002067c8ff24f3513e9f
2013-01-09 21:34:23 +00:00
|
|
|
<script src="../../modules/ve/ui/inspectors/ve.ui.LinkInspector.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/inspectors/ve.ui.MWLinkInspector.js"></script>
|
2012-06-28 09:52:03 +00:00
|
|
|
<!-- demo -->
|
|
|
|
|
<script>
|
2012-10-16 14:03:26 +00:00
|
|
|
$(document).ready( function () {
|
2012-06-28 09:52:03 +00:00
|
|
|
new ve.Surface(
|
|
|
|
|
$( '.ve-demo-content' ),
|
2013-02-11 19:46:58 +00:00
|
|
|
ve.createDocumentFromHTML( <?php echo json_encode( $html ) ?> )
|
2012-06-28 09:52:03 +00:00
|
|
|
);
|
|
|
|
|
$( '.ve-ce-documentNode' ).focus();
|
|
|
|
|
} );
|
|
|
|
|
</script>
|
2012-07-24 23:44:06 +00:00
|
|
|
|
2013-02-14 02:04:04 +00:00
|
|
|
<div class="ve-demo-utilities">
|
|
|
|
|
<p>
|
|
|
|
|
<div class="ve-demo-utilities-commands"></div>
|
|
|
|
|
</p>
|
2013-02-14 21:41:59 +00:00
|
|
|
<table id="ve-dump" class="ve-demo-dump">
|
|
|
|
|
<thead>
|
|
|
|
|
<th>Linear model</th>
|
|
|
|
|
<th>View tree</th>
|
|
|
|
|
<th>Model tree</th>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td width="30%" id="ve-linear-model-dump"></td>
|
|
|
|
|
<td id="ve-view-tree-dump" style="vertical-align: top;"></td>
|
|
|
|
|
<td id="ve-model-tree-dump" style="vertical-align: top;"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
2012-08-23 22:07:32 +00:00
|
|
|
</table>
|
2012-07-24 23:44:06 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
2012-10-16 14:03:26 +00:00
|
|
|
$( function () {
|
2013-02-14 02:04:04 +00:00
|
|
|
|
|
|
|
|
// Widgets
|
Major UI refactoring and improvements
Objective:
Refactor UI widgets, improve usability and accessibility of menus, general cleanup and style improvements.
Extras:
Fixed documentation in a few other files to make descriptions of jQuery event arguments more consistent, classes inherit correctly, and made use of the @cfg functionality in jsduck.
Changes:
.docs/config.json
* Added window, HTMLDocument, HTMLElement, DocumentFragment and XMLHttpRequest to externals, so jsduck doesn't throw warnings when they are used
demos/ve/index.php, modules/ve/test/index.php, VisualEditor.php
* Moved widgets above tools (since tools use widgets)
demos/ve/index.php
* Refactored widget initialization to use options
* Renamed variables to match widget names
ve.init.mw.ViewPageTarget.css
* Adjusted text sizes to make widgets work normally
* Added margins for buttons in toolbar (since button widgets
don't have any)
* Removed styles for init buttons (button widgets now)
ve.init.mw.ViewPageTarget.js
* Switched to using button widgets (involved moving things around
a bit)
ve.ui.LinkInspector.js, ve.ui.MWLinkInspector.js
* Renamed static property "inputWidget" to
"linkTargetInputWidget" to better reflect the required base class
for the properties value
icons.ai, check.png, check.svg
* Added "check" icon, used in menu right now to show which item
is selected
ve.ui.Icons-raster.css, ve.ui.Icons-vector.css
* Added check icon
* Removed :before pseudo selectors from most of the icon classes (not need by button tool anymore, makes them more reusable now)
ve.ui.Tool.css
* Adjusted drop down tool styles so menu appears below, instead
of on top, of the label
* Adjusted paragraph font size to better match actual content
* Updated class names to still work with menu widget changes
(items are their own widgets now)
* Updated selectors as per changes in the structure of button tools
ve.ui.Widget.css
* Added styles for buttons and menu items
* Adjusted menu styles
ve.ui.*ButtonTool.js
* Added config options argument passthrough
ve.ui.ButtonTool.js
* Moved var statement to the top inside constructor
* Switched to using "a" tag to get cross-browser :active support
* Added icon to inside of button to make icon styles more reusable
* Removed disabled support (now provided by widget parent class)
ve.ui.FormatDropDownTool.js
* Updated options initialization to construct menu item objects
* Modified handling of items to account for changes in menu and
item classes
* Optimized onUpdateState method a bit, adding early exit to
inner loop
ve.ui.ButtonTool.js, ve.ui.DropdownTool.js, ve.ui.Context.js,
ve.ui.Frame, ve.ui.Tool.js, ve.ui.Widget.js
* Added chain ability to non-getter methods
ve.ui.DropdownTool.js
* Removed items argument to constructor
* Updated code as per changes in menu class
* Fixed inconsistent naming of event handler methods
* Removed item event handling (now handled by items directly)
* Made use of this.$$ to ensure tool works in other frames
ve.ui.Tool.js
* Made tools inherit from widget
* Moved trigger registry event handler to a method
ve.ui.Context.js
* Switched from using menu to contain toolbar to a simple wrapper
ve.ui.js
* Added get$$ method, a convenience function for binding jQuery
to a specific document context
ve.ui.*Widget.js
* Switched to using a config options object instead of individual arguments
* Added options
* Factored out flags and labels into their own classes
* Refactored value setting methods for inputs
ve.ui.MenuWidget.js, ve.ui.MenuItemWidget.js
* Broke items out into their own classes
* Redesigned API
* Updated code that uses these classes
* Added support for keyboard interaction
* Made items flash when selected (delaying the hiding of the menu for 200ms)
ve.ui.LinkTargetInputWidget.js, ve.ui.MWLinkTargetInputWidget
* Refactored annotation setting methods
Change-Id: I7769bd5a5b79f1ab36f258ef9f2be583ca503ce6
2013-02-20 23:25:12 +00:00
|
|
|
var startTextInput = new ve.ui.TextInputWidget( { 'readOnly': true } ),
|
|
|
|
|
endTextInput = new ve.ui.TextInputWidget( { 'readOnly': true } ),
|
|
|
|
|
startTextInputLabel = new ve.ui.InputLabelWidget(
|
|
|
|
|
{ 'label': 'Start', 'input': startTextInput }
|
|
|
|
|
),
|
|
|
|
|
endTextInputLabel = new ve.ui.InputLabelWidget(
|
|
|
|
|
{ 'label': 'End', 'input': endTextInput }
|
|
|
|
|
),
|
|
|
|
|
getRangeButton = new ve.ui.ButtonWidget( { 'label': 'Get selected range' } ),
|
|
|
|
|
logRangeButton = new ve.ui.ButtonWidget(
|
|
|
|
|
{ 'label': 'Log to console', 'disabled': true }
|
|
|
|
|
),
|
|
|
|
|
dumpModelButton = new ve.ui.ButtonWidget( { 'label': 'Dump model' } ),
|
|
|
|
|
validateButton = new ve.ui.ButtonWidget( { 'label': 'Validate view and model' } );
|
2013-02-14 02:04:04 +00:00
|
|
|
|
2013-02-14 21:41:59 +00:00
|
|
|
// Initialization
|
2013-02-14 02:04:04 +00:00
|
|
|
$( '.ve-demo-utilities-commands' ).append(
|
2013-02-14 21:41:59 +00:00
|
|
|
getRangeButton.$,
|
Major UI refactoring and improvements
Objective:
Refactor UI widgets, improve usability and accessibility of menus, general cleanup and style improvements.
Extras:
Fixed documentation in a few other files to make descriptions of jQuery event arguments more consistent, classes inherit correctly, and made use of the @cfg functionality in jsduck.
Changes:
.docs/config.json
* Added window, HTMLDocument, HTMLElement, DocumentFragment and XMLHttpRequest to externals, so jsduck doesn't throw warnings when they are used
demos/ve/index.php, modules/ve/test/index.php, VisualEditor.php
* Moved widgets above tools (since tools use widgets)
demos/ve/index.php
* Refactored widget initialization to use options
* Renamed variables to match widget names
ve.init.mw.ViewPageTarget.css
* Adjusted text sizes to make widgets work normally
* Added margins for buttons in toolbar (since button widgets
don't have any)
* Removed styles for init buttons (button widgets now)
ve.init.mw.ViewPageTarget.js
* Switched to using button widgets (involved moving things around
a bit)
ve.ui.LinkInspector.js, ve.ui.MWLinkInspector.js
* Renamed static property "inputWidget" to
"linkTargetInputWidget" to better reflect the required base class
for the properties value
icons.ai, check.png, check.svg
* Added "check" icon, used in menu right now to show which item
is selected
ve.ui.Icons-raster.css, ve.ui.Icons-vector.css
* Added check icon
* Removed :before pseudo selectors from most of the icon classes (not need by button tool anymore, makes them more reusable now)
ve.ui.Tool.css
* Adjusted drop down tool styles so menu appears below, instead
of on top, of the label
* Adjusted paragraph font size to better match actual content
* Updated class names to still work with menu widget changes
(items are their own widgets now)
* Updated selectors as per changes in the structure of button tools
ve.ui.Widget.css
* Added styles for buttons and menu items
* Adjusted menu styles
ve.ui.*ButtonTool.js
* Added config options argument passthrough
ve.ui.ButtonTool.js
* Moved var statement to the top inside constructor
* Switched to using "a" tag to get cross-browser :active support
* Added icon to inside of button to make icon styles more reusable
* Removed disabled support (now provided by widget parent class)
ve.ui.FormatDropDownTool.js
* Updated options initialization to construct menu item objects
* Modified handling of items to account for changes in menu and
item classes
* Optimized onUpdateState method a bit, adding early exit to
inner loop
ve.ui.ButtonTool.js, ve.ui.DropdownTool.js, ve.ui.Context.js,
ve.ui.Frame, ve.ui.Tool.js, ve.ui.Widget.js
* Added chain ability to non-getter methods
ve.ui.DropdownTool.js
* Removed items argument to constructor
* Updated code as per changes in menu class
* Fixed inconsistent naming of event handler methods
* Removed item event handling (now handled by items directly)
* Made use of this.$$ to ensure tool works in other frames
ve.ui.Tool.js
* Made tools inherit from widget
* Moved trigger registry event handler to a method
ve.ui.Context.js
* Switched from using menu to contain toolbar to a simple wrapper
ve.ui.js
* Added get$$ method, a convenience function for binding jQuery
to a specific document context
ve.ui.*Widget.js
* Switched to using a config options object instead of individual arguments
* Added options
* Factored out flags and labels into their own classes
* Refactored value setting methods for inputs
ve.ui.MenuWidget.js, ve.ui.MenuItemWidget.js
* Broke items out into their own classes
* Redesigned API
* Updated code that uses these classes
* Added support for keyboard interaction
* Made items flash when selected (delaying the hiding of the menu for 200ms)
ve.ui.LinkTargetInputWidget.js, ve.ui.MWLinkTargetInputWidget
* Refactored annotation setting methods
Change-Id: I7769bd5a5b79f1ab36f258ef9f2be583ca503ce6
2013-02-20 23:25:12 +00:00
|
|
|
startTextInputLabel.$,
|
2013-02-14 21:41:59 +00:00
|
|
|
startTextInput.$,
|
Major UI refactoring and improvements
Objective:
Refactor UI widgets, improve usability and accessibility of menus, general cleanup and style improvements.
Extras:
Fixed documentation in a few other files to make descriptions of jQuery event arguments more consistent, classes inherit correctly, and made use of the @cfg functionality in jsduck.
Changes:
.docs/config.json
* Added window, HTMLDocument, HTMLElement, DocumentFragment and XMLHttpRequest to externals, so jsduck doesn't throw warnings when they are used
demos/ve/index.php, modules/ve/test/index.php, VisualEditor.php
* Moved widgets above tools (since tools use widgets)
demos/ve/index.php
* Refactored widget initialization to use options
* Renamed variables to match widget names
ve.init.mw.ViewPageTarget.css
* Adjusted text sizes to make widgets work normally
* Added margins for buttons in toolbar (since button widgets
don't have any)
* Removed styles for init buttons (button widgets now)
ve.init.mw.ViewPageTarget.js
* Switched to using button widgets (involved moving things around
a bit)
ve.ui.LinkInspector.js, ve.ui.MWLinkInspector.js
* Renamed static property "inputWidget" to
"linkTargetInputWidget" to better reflect the required base class
for the properties value
icons.ai, check.png, check.svg
* Added "check" icon, used in menu right now to show which item
is selected
ve.ui.Icons-raster.css, ve.ui.Icons-vector.css
* Added check icon
* Removed :before pseudo selectors from most of the icon classes (not need by button tool anymore, makes them more reusable now)
ve.ui.Tool.css
* Adjusted drop down tool styles so menu appears below, instead
of on top, of the label
* Adjusted paragraph font size to better match actual content
* Updated class names to still work with menu widget changes
(items are their own widgets now)
* Updated selectors as per changes in the structure of button tools
ve.ui.Widget.css
* Added styles for buttons and menu items
* Adjusted menu styles
ve.ui.*ButtonTool.js
* Added config options argument passthrough
ve.ui.ButtonTool.js
* Moved var statement to the top inside constructor
* Switched to using "a" tag to get cross-browser :active support
* Added icon to inside of button to make icon styles more reusable
* Removed disabled support (now provided by widget parent class)
ve.ui.FormatDropDownTool.js
* Updated options initialization to construct menu item objects
* Modified handling of items to account for changes in menu and
item classes
* Optimized onUpdateState method a bit, adding early exit to
inner loop
ve.ui.ButtonTool.js, ve.ui.DropdownTool.js, ve.ui.Context.js,
ve.ui.Frame, ve.ui.Tool.js, ve.ui.Widget.js
* Added chain ability to non-getter methods
ve.ui.DropdownTool.js
* Removed items argument to constructor
* Updated code as per changes in menu class
* Fixed inconsistent naming of event handler methods
* Removed item event handling (now handled by items directly)
* Made use of this.$$ to ensure tool works in other frames
ve.ui.Tool.js
* Made tools inherit from widget
* Moved trigger registry event handler to a method
ve.ui.Context.js
* Switched from using menu to contain toolbar to a simple wrapper
ve.ui.js
* Added get$$ method, a convenience function for binding jQuery
to a specific document context
ve.ui.*Widget.js
* Switched to using a config options object instead of individual arguments
* Added options
* Factored out flags and labels into their own classes
* Refactored value setting methods for inputs
ve.ui.MenuWidget.js, ve.ui.MenuItemWidget.js
* Broke items out into their own classes
* Redesigned API
* Updated code that uses these classes
* Added support for keyboard interaction
* Made items flash when selected (delaying the hiding of the menu for 200ms)
ve.ui.LinkTargetInputWidget.js, ve.ui.MWLinkTargetInputWidget
* Refactored annotation setting methods
Change-Id: I7769bd5a5b79f1ab36f258ef9f2be583ca503ce6
2013-02-20 23:25:12 +00:00
|
|
|
endTextInputLabel.$,
|
2013-02-14 21:41:59 +00:00
|
|
|
endTextInput.$,
|
|
|
|
|
logRangeButton.$,
|
|
|
|
|
$( '<span class="ve-demo-utilities-commands-divider"> </span>' ),
|
|
|
|
|
dumpModelButton.$,
|
|
|
|
|
validateButton.$
|
2013-02-14 02:04:04 +00:00
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Events
|
|
|
|
|
getRangeButton.on( 'click', function () {
|
|
|
|
|
var range = ve.instances[0].view.model.getSelection();
|
2013-02-14 21:41:59 +00:00
|
|
|
startTextInput.setValue( range.start );
|
|
|
|
|
endTextInput.setValue( range.end );
|
|
|
|
|
logRangeButton.setDisabled( false );
|
2012-10-10 21:18:01 +00:00
|
|
|
} );
|
2013-02-14 21:41:59 +00:00
|
|
|
logRangeButton.on( 'click', function () {
|
|
|
|
|
var start = startTextInput.getValue(),
|
|
|
|
|
end = endTextInput.getValue();
|
2013-02-14 02:04:04 +00:00
|
|
|
// TODO: Validate input
|
|
|
|
|
console.dir( ve.instances[0].view.documentView.model.data.slice( start, end ) );
|
|
|
|
|
} );
|
2013-02-14 21:41:59 +00:00
|
|
|
dumpModelButton.on( 'click', function () {
|
2012-08-23 22:07:32 +00:00
|
|
|
// linear model dump
|
2012-10-16 14:03:26 +00:00
|
|
|
var $ol = $('<ol start="0"></ol>'),
|
2012-08-23 22:07:32 +00:00
|
|
|
$li,
|
|
|
|
|
element,
|
|
|
|
|
html,
|
|
|
|
|
annotations;
|
|
|
|
|
|
|
|
|
|
for ( var i = 0; i < ve.instances[0].documentModel.data.length; i++ ) {
|
2012-10-16 14:03:26 +00:00
|
|
|
$li = $('<li>');
|
2013-02-14 21:41:59 +00:00
|
|
|
$label = $( '<span>' );
|
2012-08-23 22:07:32 +00:00
|
|
|
element = ve.instances[0].documentModel.data[i];
|
2012-11-23 20:12:48 +00:00
|
|
|
if ( element.type ) {
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.addClass( 've-demo-dump-element' );
|
2012-11-21 20:58:52 +00:00
|
|
|
text = element.type;
|
2012-11-23 20:12:48 +00:00
|
|
|
annotations = element.annotations;
|
2012-08-23 22:07:32 +00:00
|
|
|
} else if ( element.length > 1 ){
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.addClass( 've-demo-dump-achar' );
|
2012-11-23 20:12:48 +00:00
|
|
|
text = element[0];
|
|
|
|
|
annotations = element[1];
|
2012-08-23 22:07:32 +00:00
|
|
|
} else {
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.addClass( 've-demo-dump-char' );
|
2012-11-21 20:58:52 +00:00
|
|
|
text = element;
|
2012-11-23 20:12:48 +00:00
|
|
|
annotations = undefined;
|
|
|
|
|
}
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.html( ( text.match( /\S/ ) ? text : ' ' ) + ' ' );
|
2012-11-23 20:12:48 +00:00
|
|
|
if ( annotations ) {
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.append(
|
|
|
|
|
$( '<span>' ).text(
|
|
|
|
|
'[' + annotations.get().map( function( ann ) {
|
|
|
|
|
return ann.name;
|
|
|
|
|
} ).join(', ') + ']'
|
|
|
|
|
)
|
|
|
|
|
);
|
2012-08-23 22:07:32 +00:00
|
|
|
}
|
|
|
|
|
|
2013-02-14 21:41:59 +00:00
|
|
|
$li.append( $label );
|
|
|
|
|
$ol.append( $li );
|
2012-08-23 22:07:32 +00:00
|
|
|
}
|
|
|
|
|
$('#ve-linear-model-dump').html($ol);
|
|
|
|
|
|
|
|
|
|
// tree dump
|
2012-10-16 14:03:26 +00:00
|
|
|
var getKids = function ( obj ) {
|
|
|
|
|
var $ol = $('<ol start="0"></ol>'),
|
2012-08-23 22:07:32 +00:00
|
|
|
$li;
|
|
|
|
|
for( var i = 0; i < obj.children.length; i++ ) {
|
2012-10-16 14:03:26 +00:00
|
|
|
$li = $('<li>');
|
2013-02-14 21:41:59 +00:00
|
|
|
$label = $( '<span>' ).addClass( 've-demo-dump-element' );
|
2012-11-21 20:58:52 +00:00
|
|
|
if ( obj.children[i].length !== undefined ) {
|
2013-02-14 21:41:59 +00:00
|
|
|
$li.append(
|
|
|
|
|
$label
|
|
|
|
|
.text( obj.children[i].type )
|
|
|
|
|
.append(
|
|
|
|
|
$( '<span>' ).text( ' (' + obj.children[i].length + ')' )
|
|
|
|
|
)
|
2012-11-21 20:58:52 +00:00
|
|
|
);
|
|
|
|
|
} else {
|
2013-02-14 21:41:59 +00:00
|
|
|
$li.append( $label.text( obj.children[i].type ) );
|
2012-11-21 20:58:52 +00:00
|
|
|
}
|
2012-08-23 22:07:32 +00:00
|
|
|
|
|
|
|
|
if ( obj.children[i].children ) {
|
|
|
|
|
$li.append(getKids(obj.children[i]));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$ol.append($li);
|
|
|
|
|
}
|
|
|
|
|
return $ol;
|
|
|
|
|
}
|
|
|
|
|
$('#ve-model-tree-dump').html(getKids(ve.instances[0].documentModel.documentNode));
|
|
|
|
|
$('#ve-view-tree-dump').html(getKids(ve.instances[0].view.documentView.documentNode));
|
|
|
|
|
$('#ve-dump').show();
|
2012-07-24 23:44:06 +00:00
|
|
|
} );
|
2013-02-14 02:04:04 +00:00
|
|
|
validateButton.on( 'click', function () {
|
|
|
|
|
var failed = false;
|
|
|
|
|
$('.ve-ce-branchNode').each( function ( index, element ) {
|
|
|
|
|
var $element = $( element ),
|
|
|
|
|
view = $element.data( 'node' );
|
|
|
|
|
if ( view.canContainContent() ) {
|
|
|
|
|
var nodeRange = view.model.getRange();
|
|
|
|
|
var textModel = ve.instances[0].view.model.getDocument().getText( nodeRange );
|
|
|
|
|
var textDom = ve.ce.getDomText( view.$[0] );
|
|
|
|
|
if ( textModel !== textDom ) {
|
|
|
|
|
failed = true;
|
|
|
|
|
console.log('Inconsistent data', {
|
|
|
|
|
'textModel' : textModel,
|
|
|
|
|
'textDom' : textDom,
|
|
|
|
|
'element' : element
|
|
|
|
|
} );
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
if ( failed ) {
|
|
|
|
|
alert( 'Not valid - check JS console for details' );
|
|
|
|
|
} else {
|
|
|
|
|
alert( 'Valid' );
|
|
|
|
|
}
|
2012-07-24 23:44:06 +00:00
|
|
|
} );
|
|
|
|
|
} );
|
|
|
|
|
</script>
|
2012-02-07 19:13:19 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|