wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-28 16:20:52 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-extensions-Visual.../demos/ve/index.php

486 lines
24 KiB
PHP
Raw Normal View History

Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<?php
Removed some whitespace And added a license to some files that didn't have it yet Change-Id: I3a7e60374d1198d369a0475b8f65f7415012a337
2012-07-19 21:25:16 +00:00
/**
* VisualEditor standalone demo
*
* @file
* @ingroup Extensions
Bump copyright notice year range to -2013 over -2012 199 files touched. Whee! Change-Id: Id82ce4a32f833406db4a1cc585674f2bdb39ba0d
2013-02-19 23:37:34 +00:00
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
Removed some whitespace And added a license to some files that didn't have it yet Change-Id: I3a7e60374d1198d369a0475b8f65f7415012a337
2012-07-19 21:25:16 +00:00
* @license The MIT License (MIT); see LICENSE.txt
*/
Clean up, fix errors on demos. * Fix 404 error for ve.ui.Icons-{raster,vector}.css Follows-up 9563f08 / I840f72426f9a. makeStaticLoader.php: * Clean up old code. * Error out early for missing module. * Put i18n stuff in the right place (some modules access ve.msg from the global scope to assign status variables, for standalone on demos this was failing due to wrong load order) Change-Id: Idbff4c5136d567da747d9ae373cd2f6c3ee7fb1c
2012-12-04 07:54:49 +00:00
$path = __DIR__ . '/pages';
Removed some whitespace And added a license to some files that didn't have it yet Change-Id: I3a7e60374d1198d369a0475b8f65f7415012a337
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';
}
Make the converter work with full HTML documents rather than fragments The Parsoid output will also be expected to be a full HTML document. For backwards compatibility, we allow for the Parsoid output to be a document fragment as well. We don't send a full document back yet, also for b/c -- we'll change this later once Parsoid has been updated in production. ve.dm.Converter.js: * Make getDataFromDom() accept a document rather than a node ** Split off the recursion (which does use nodes) into its own function ** For now we just convert the <body>. In the future, we'll want to do things with the <head> as well * Pass the document around so we can use it when creating elements * Make getDomFromData() return a document rather than a <div> ve.init.mw.Target.js: * Store a document (this.doc) rather than a DOM node (this.dom) * Pass around documents rather than DOM nodes * Detect whether the Parsoid output is an HTML document or a fragment using a hacky regex * When submitting to Parsoid, submit the innerHTML of the <body> ve.init.mw.ViewPageTarget.js: * s/dom/doc/ * Store body.innerHTML in this.originalHtml ve.Surface.js: * s/dom/doc/ demos/ve/index.php: * Don't wrap HTML in <div> * Pass HTML document rather than DOM node to ve.Surface ve.dm.Converter.test.js: * Construct a document from the test HTML, rather than a <div> ve.dm.example.js: * Wrap the HTML in the converter test cases in <body> tags to prevent misinterpretation (HTML fragments starting with comments, <meta>, <link> and whitespace are problematic) Change-Id: I82fdad0a099febc5e658486cbf8becfcdbc85a2d
2013-02-11 19:46:58 +00:00
$html = file_get_contents( $page );
Removed some whitespace And added a license to some files that didn't have it yet Change-Id: I3a7e60374d1198d369a0475b8f65f7415012a337
2012-07-19 21:25:16 +00:00
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
?>
svn:eol-style native
2012-02-07 19:13:19 +00:00
<!DOCTYPE html>
<html>
<head>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<meta charset="UTF-8">
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<title>VisualEditor Standalone Demo</title>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
Re-run makeStaticLoader for index.php (fix 404 ve.ui.FlaggableElements.js) Change-Id: Ifba82e644e6ad4b2fe69f2632df7935756dd275c
2013-04-02 21:56:25 +00:00
<!-- Generated by maintenance/makeStaticLoader.php -->
ve.init: Fix broken dependency between ve.js and ve.init.platform Depencency tree looked like this * ext.visualEditor.viewPageTarget - ve.init.platform - ve.init.target ** ext.visualEditor.core - (most ve.* classes) *** ext.visualEditor.base - ve.js Some of the ve classes are calling ve.msg from the global scope at load time (e.g. in the definition of static properties or in constructors of classes that were immediately instantiated in the same file). Platform needs to be initialised in the base module. ve.init.Platform.js was already there, but that's just an abstract base class. The the ve.init.platform property is set from the implementation classes' files. Updated makeStaticLoader.php and re-ran for test and demo html. The fake "Standalone Init" module is now gone, which shows that this was needed as test/ and demo/ already put their platform code in/after the 'ext.visualEditor.base' module in the html. Bug: 45175 Change-Id: I47d7d92495974572194700c98a219d22ecbfaf4b
2013-04-03 03:47:40 +00:00
<!-- ext.visualEditor.base#standalone-init -->
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<link rel=stylesheet href="../../modules/ve/init/sa/styles/ve.init.sa.css">
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
<script>
Mo' vectors (mo' problems) Serve vectors to any browser which supports them, instead of just high dpi devices. Bug: 48148 Change-Id: Iafe8cd290fb195369776f51a96b6de4a51577b89
2013-05-09 10:22:32 +00:00
if ( document.createElementNS && document.createElementNS( 'http://www.w3.org/2000/svg', 'svg' ).createSVGRect ) {
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
document.write( '<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Icons-vector.css">' );
} else {
document.write( '<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Icons-raster.css">' );
}
</script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<!-- ext.visualEditor.core -->
Cleaned up paste target and surface styles Resolves a TODO related to the paste target div. VisualEditor.php * Added link to ve.Surface.css ve.Surface.js * Cleaned up initialization of .ve-surface element * Removed float clearing div (see ve.Surface.css) * Removed paste div (moved to ve.ce.Surface) ve.Surface.css * Added rule which adds an ":after" element to handle clearing floats ve.ce.Surface.js * Cleaned up initialization of DOM elements * Added paste target div * Replaced paste element selectors with direct references to this.$pasteTarget ve.ce.Surface.css * Changed paste div styles to use a namespaced class instead of a generic ID demos/ve/index.php * Added link to ve.Surface.css Change-Id: Ib93d45ac82ae643fc8e659f5a063c02a8ddacdde
2013-01-16 21:06:05 +00:00
<link rel=stylesheet href="../../modules/ve/styles/ve.Surface.css">
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
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">
Dialog button changes ve.ui.MetaDialog.js * Added scrolling to outline panel ve.ui.css * Added reusable animation keyframes ve.ui.Dialog.css * Changed dialog head style * Changed dialog cancel button to close icon button * Added animation of dialog opening * Increased min-height of dialog to always show a little content ve.ui.Icons-*.css * Added close icon (not sure why it was missing) ve.ui.Window.css * Moved head padding out of window and into implementations of window ve.ui.Dialog.js * Moved apply button to footer * Renamed cancel button to close button * Overrode close method with triggers a closing animation and then calls the parent close method after an animation is complete * Added classes to close and apply buttons to make styling less ambiguous * Converted cancel button (now the close button) to an icon button ve.ui.Window.js * Added footer to dialog VisualEditor*.php * Added close message Change-Id: Iededbc54b287328b3047b05efad6ca3cc152caa5
2013-04-04 23:12:35 +00:00
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.css">
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Context.css">
Context, frame, window, dialog and inspector refactor This is a major refactor of user interface context, frame, dialog and inspector classes, including adding several new classes which generalize managing inspectors/dialogs (which are now subclasses of window). New classes: * ve.ui.Window.js - base class for inspector and dialog classes * ve.ui.WindowSet.js - manages mutually exclusive windows, used by surface and context for dialogs and inspectors respectively * ve.ui.DialogFactory - generates dialogs * ve.ui.IconButtonWidget - used in inspector for buttons in the head Refactored classes: * ve.ui.Context - moved inspector management to window set * ve.ui.Frame - made iframes initialize asynchronously * ve.ui.Dialog and ve.ui.Inspector - moved initialization to async initialize method Other interesting bits: ve.ui.*Icons*.css, *.svg, *.png, *.ai * Merged icon stylesheets so all icons are available inside windows * Renamed inspector icon to window ve.ui.*.css * Reorganized styles so that different windows can include only what they need * Moved things to where they belonged (some things were in strange places) ve.init.Target.js, ve.init.mw.ViewPageTarget.js, ve.init.sa.Target.js * Removed dialog management - dialogs are managed by the surface now ve.ui.*Dialog.js * Renamed title message static property * Added registration ve.ui.*Inspector.js * Switch to accept surface object rather than context, which conforms to the more general window class without losing any functionality (in fact, most of the time the surface was what we actually wanted) ve.ui.MenuWidget.js, ve.ui.MWLinkTargetInputWidget.js * Using surface overly rather than passing an overlay around through constructors Change-Id: Ifd16a1003ff44c48ee7b2c66928cf9cc858b2564
2013-03-13 00:06:57 +00:00
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Frame.css">
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Window.css">
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Dialog.css">
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Inspector.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">
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Tool.css">
Stack panel, element mixins, cleanup *.php * Updated links to files ve.ui.MetaDialog * Added stack panel that now contains category and language editor panels * Attached outline widget to stack panel ve.ui.FlaggableWidget -> ve.ui.FlaggableElement * Moved to elements ve.ui.GroupWidget -> ve.ui.GroupElement * Moved to elements * Removed invalid event documentation ve.ui.LabledWidget -> ve.ui.LabledElement * Moved to elements ve.ui.StackPanelLayout.js * New class, mutually exclusive panel container ve.ui.TitledPanelLayout * Remvoed, using labeled element instead ve.ui.Element.css * Added for elements * Moved label style here, from widget styles *.css, ve.ui.ButtonWidget.js, ve.ui.InputLabelWidget, ve.ui.OptionWidget, ve.ui.SelectWidget * Adjusted class names to reflect widget -> element migration Change-Id: I32f504c844dba7aae1b286eef06ca046627bdc8d
2013-03-28 01:37:34 +00:00
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Element.css">
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Layout.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.Widget.css">
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<!-- demo -->
<link rel="stylesheet" href="demo.css">
svn:eol-style native
2012-02-07 19:13:19 +00:00
</head>
<body>
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
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>
Introduce dialogs Major changes: demos/ve/index.php * Renamed ve-demo-content to ve-demo-editor ve.init.mw.ViewPageTarget, ve.init.sa.Target * Added handlers for dialog events ve.ui.*Dialog.js * Added skeleton classes for dialogs ve.init.Target.js * Create abstract class methods for Target. ve.init.sa.Target.js * Create Standalone target view methods. ve.init.mw.Target.js * Added MW specific target view methods. * Integration action buttons are now added to the edit view in the toolbar. ve.Surface.js * Simplified constructor, now requiring a target which contains the container * Other changes include some documentation and code cleanup. Bug: 39597 Change-Id: Iff39266bdd3052f34bda254ca407030dbbc81f26
2013-02-20 19:44:44 +00:00
<div class="ve-demo-editor"></div>
svn:eol-style native
2012-02-07 19:13:19 +00:00
Re-run makeStaticLoader for index.php (fix 404 ve.ui.FlaggableElements.js) Change-Id: Ifba82e644e6ad4b2fe69f2632df7935756dd275c
2013-04-02 21:56:25 +00:00
<!-- Generated by maintenance/makeStaticLoader.php -->
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<!-- Dependencies -->
svn:eol-style native
2012-02-07 19:13:19 +00:00
<script src="../../modules/jquery/jquery.js"></script>
Add a copy of jquery.client so the standalone still works The tests passed just fine in Gerrit, because it runs the tests via MediaWiki using ResourceLoader, which was able to load jquery.client just fine from MW core. Change-Id: I004514ab761107b687be2fe1ff49ecfd25bead5b
2013-04-26 21:40:03 +00:00
<script src="../../modules/jquery/jquery.client.js"></script>
Updating to Rangy 1.3 alpha We previously tried Rangy 1.3 alpha but rolled back due to a bug with getting cursor position in IE. Rangy developer Tim Down fixed the issue here: https://code.google.com/p/rangy/source/detail?r=780 Both 1.2 (filenames without file versions) and 1.3 in the repo for now. Change-Id: I26263fc1d10e3c2bdda7f1c9135544ca3bc05d97
2013-05-13 21:44:16 +00:00
<script src="../../modules/rangy/rangy-core-1.3.js"></script>
<script src="../../modules/rangy/rangy-position-1.3.js"></script>
UnicodeJS library to implement Unicode standards Initially just with a Wordbreak module to implement Unicode standard on 'Default Word Boundaries'. Due to it's standaloneability this has been written as a separate library. Non-BMP characters are currently not supported. Bug: 44085 Change-Id: Ieafa070076f4c36855684f6bc179667e28af2c25
2013-03-18 11:31:14 +00:00
<script src="../../modules/unicodejs/unicodejs.js"></script>
<script src="../../modules/unicodejs/unicodejs.textstring.js"></script>
<script src="../../modules/unicodejs/unicodejs.wordbreak.groups.js"></script>
<script src="../../modules/unicodejs/unicodejs.wordbreak.js"></script>
ve.init: Fix broken dependency between ve.js and ve.init.platform Depencency tree looked like this * ext.visualEditor.viewPageTarget - ve.init.platform - ve.init.target ** ext.visualEditor.core - (most ve.* classes) *** ext.visualEditor.base - ve.js Some of the ve classes are calling ve.msg from the global scope at load time (e.g. in the definition of static properties or in constructors of classes that were immediately instantiated in the same file). Platform needs to be initialised in the base module. ve.init.Platform.js was already there, but that's just an abstract base class. The the ve.init.platform property is set from the implementation classes' files. Updated makeStaticLoader.php and re-ran for test and demo html. The fake "Standalone Init" module is now gone, which shows that this was needed as test/ and demo/ already put their platform code in/after the 'ext.visualEditor.base' module in the html. Bug: 45175 Change-Id: I47d7d92495974572194700c98a219d22ecbfaf4b
2013-04-03 03:47:40 +00:00
<!-- ext.visualEditor.base#standalone-init -->
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ve.js"></script>
<script src="../../modules/ve/ve.EventEmitter.js"></script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
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>
Introduce dialogs Major changes: demos/ve/index.php * Renamed ve-demo-content to ve-demo-editor ve.init.mw.ViewPageTarget, ve.init.sa.Target * Added handlers for dialog events ve.ui.*Dialog.js * Added skeleton classes for dialogs ve.init.Target.js * Create abstract class methods for Target. ve.init.sa.Target.js * Create Standalone target view methods. ve.init.mw.Target.js * Added MW specific target view methods. * Integration action buttons are now added to the edit view in the toolbar. ve.Surface.js * Simplified constructor, now requiring a target which contains the container * Other changes include some documentation and code cleanup. Bug: 39597 Change-Id: Iff39266bdd3052f34bda254ca407030dbbc81f26
2013-02-20 19:44:44 +00:00
<script src="../../modules/ve/init/ve.init.Target.js"></script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<script src="../../modules/ve/init/sa/ve.init.sa.js"></script>
<script src="../../modules/ve/init/sa/ve.init.sa.Platform.js"></script>
Introduce dialogs Major changes: demos/ve/index.php * Renamed ve-demo-content to ve-demo-editor ve.init.mw.ViewPageTarget, ve.init.sa.Target * Added handlers for dialog events ve.ui.*Dialog.js * Added skeleton classes for dialogs ve.init.Target.js * Create abstract class methods for Target. ve.init.sa.Target.js * Create Standalone target view methods. ve.init.mw.Target.js * Added MW specific target view methods. * Integration action buttons are now added to the edit view in the toolbar. ve.Surface.js * Simplified constructor, now requiring a target which contains the container * Other changes include some documentation and code cleanup. Bug: 39597 Change-Id: Iff39266bdd3052f34bda254ca407030dbbc81f26
2013-02-20 19:44:44 +00:00
<script src="../../modules/ve/init/sa/ve.init.sa.Target.js"></script>
ve.init: Fix broken dependency between ve.js and ve.init.platform Depencency tree looked like this * ext.visualEditor.viewPageTarget - ve.init.platform - ve.init.target ** ext.visualEditor.core - (most ve.* classes) *** ext.visualEditor.base - ve.js Some of the ve classes are calling ve.msg from the global scope at load time (e.g. in the definition of static properties or in constructors of classes that were immediately instantiated in the same file). Platform needs to be initialised in the base module. ve.init.Platform.js was already there, but that's just an abstract base class. The the ve.init.platform property is set from the implementation classes' files. Updated makeStaticLoader.php and re-ran for test and demo html. The fake "Standalone Init" module is now gone, which shows that this was needed as test/ and demo/ already put their platform code in/after the 'ext.visualEditor.base' module in the html. Bug: 45175 Change-Id: I47d7d92495974572194700c98a219d22ecbfaf4b
2013-04-03 03:47:40 +00:00
<script src="../../modules/ve/ve.debug.js"></script>
Clean up, fix errors on demos. * Fix 404 error for ve.ui.Icons-{raster,vector}.css Follows-up 9563f08 / I840f72426f9a. makeStaticLoader.php: * Clean up old code. * Error out early for missing module. * Put i18n stuff in the right place (some modules access ve.msg from the global scope to assign status variables, for standalone on demos this was failing due to wrong load order) Change-Id: Idbff4c5136d567da747d9ae373cd2f6c3ee7fb1c
2012-12-04 07:54:49 +00:00
<script>
<?php
require( '../../modules/../VisualEditor.i18n.php' );
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
echo 've.init.platform.addMessages( ' . json_encode( $messages['en'] ) . ');' . "\n";
Clean up, fix errors on demos. * Fix 404 error for ve.ui.Icons-{raster,vector}.css Follows-up 9563f08 / I840f72426f9a. makeStaticLoader.php: * Clean up old code. * Error out early for missing module. * Put i18n stuff in the right place (some modules access ve.msg from the global scope to assign status variables, for standalone on demos this was failing due to wrong load order) Change-Id: Idbff4c5136d567da747d9ae373cd2f6c3ee7fb1c
2012-12-04 07:54:49 +00:00
?>
Fix 404 on iframe styles by standardizing get and set modules methods. Change-Id: Iebc2a9fc7db00d661f685c28dbc345fb561bb15e
2013-04-10 17:18:39 +00:00
ve.init.platform.setModulesUrl( '../../modules' );
Clean up, fix errors on demos. * Fix 404 error for ve.ui.Icons-{raster,vector}.css Follows-up 9563f08 / I840f72426f9a. makeStaticLoader.php: * Clean up old code. * Error out early for missing module. * Put i18n stuff in the right place (some modules access ve.msg from the global scope to assign status variables, for standalone on demos this was failing due to wrong load order) Change-Id: Idbff4c5136d567da747d9ae373cd2f6c3ee7fb1c
2012-12-04 07:54:49 +00:00
</script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
<!-- ext.visualEditor.core -->
Refactored commands into a registry * Now ve.Factory inherits from the more general ve.Registry * New class ve.CommandRegistry * Refactored setupToolbar and command setup code into setupComands Change-Id: Ic548e5de95b77889727362d3e66d7be83c12a603
2012-11-07 20:09:18 +00:00
<script src="../../modules/ve/ve.Registry.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ve.Factory.js"></script>
Trigger refactor Objective: Simplify the registration and use of triggers Changes: * Renamed ve.Command to ve.Trigger * Renamed command demo to trigger demo * Removed language prefixing of triggers * Generating trigger tooltips rather than hard-coding them in i18n * Added documentation to clarify that only 'mac' and 'pc' are supported platforms, and how the default is chosen * Simplified trigger registry's register command * Updated trigger registrations Change-Id: Ibab6ad5b5c86f24707f064967dc2119a81125392
2013-01-26 03:29:21 +00:00
<script src="../../modules/ve/ve.Trigger.js"></script>
Refactored commands into a registry * Now ve.Factory inherits from the more general ve.Registry * New class ve.CommandRegistry * Refactored setupToolbar and command setup code into setupComands Change-Id: Ic548e5de95b77889727362d3e66d7be83c12a603
2012-11-07 20:09:18 +00:00
<script src="../../modules/ve/ve.CommandRegistry.js"></script>
Add interplatform, i18n shortcuts to ui buttons. Objective: * Put command shortcuts in button title attributes. (Bug 42919) * Provide a registry for platform specific command triggers and their corresponding i18n messages. (Bug 44012) * Enable loading of triggers after ve.Surface is created. (lazy load) Changes: VisualEditor.i18n.php * Add default trigger i18n messags for mac and pc system platforms VisusalEditor.php, demos/ve/index.php * Add links to files ve.init.mw.Platform.js * Define getUserLanguage and getSystemPlatform methods. ve.init.sa.Platform.js * Define getUserLanguage and getSystemPlatform methods. ve.init.Platform.js * Define abstract methods: getUserLangauge, getSystemPlatform ve.ui.BoldBUttonTool.js, ve.ui.IndentButtonTool.js, ve.ui.ItalicButtonTool.js, ve.ui.LinkButtonTool.js, ve.ui.OutdentButtonTool.js, ve.ui.RedoButtonTool.js, ve.ui.UndoButtonTool.js * Add registration for command triggers. ve.Surface.js * Methodize loading of triggers. * Bind register event to ve.triggerRegistry to allow lazy loading of triggers. ve.ui.Tool.js * Init pre-registered tooltip messages. * Update tool titles when new triggers are loaded. ve.CommandRegistry.js * Remove command registration ( moved to buttons themselves ) ve.TriggerRegistry.js * New class for registering triggers. ve.init.mw.ViewPageTarget.js * Changed instance of unindent command to outdent. Change-Id: Id8580a3f81aac751db0b7482422a73912648dfed
2013-01-15 20:15:15 +00:00
<script src="../../modules/ve/ve.TriggerRegistry.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ve.Range.js"></script>
<script src="../../modules/ve/ve.Node.js"></script>
Rename ve.NodeFactory to ve.NamedClassFactory We weren't really using it exclusively for nodes any more, and the only functionality in there was for using .static.name Change-Id: Ie26928cd01faee95a10912201663b45f1f20fb19
2013-04-02 18:40:06 +00:00
<script src="../../modules/ve/ve.NamedClassFactory.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ve.BranchNode.js"></script>
<script src="../../modules/ve/ve.LeafNode.js"></script>
ve.Element refactor Objectives: * Move ve.ui.Element to ve.Element * Make CE nodes inherit from ve.Element Changes: ve.ui.Element.js, ve.Element.js * Move and rename * Move ve.ui.get$$ to ve.Element.static.get$$ * Add static getDocument and getWindow methods * Add instance getElementDocument and getElementWindow methods * Add getTagName method, which by default reads the static tagName property, but when overridden can return a tag name based on other factors *.php * Updated file link ve.ce.*Annotation.js, ve.ce.*Node.js, ve.ce.View.js, ve.ce.Document * Added config options pass through * Replaced passing elements through constructor with defining static tag names * Added getTagName overrides where needed that derive tag name from model * Refactore dom wrapper methods, now consistently using getTagName ve.ce.Surface.js * Removed static initialization (not needed) ve.dm.Model.js, ve.ui.Window.js * Added missing docs ve.ui.GroupElement.js, ve.ui.Layout.js, ve.ui.Widget.js, * Updated class name for elements ve.ui.Frame.js, ve.ui.LookupInputWidget.js * Updated location of get$$ ve.ui.js * Move get$$ to ve.Element ve.js * Add auto-init of static properties to mixinClass Change-Id: I39ae14966456903728e4d9e53f806ddce9ca2b70
2013-05-13 20:52:59 +00:00
<script src="../../modules/ve/ve.Element.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ve.Surface.js"></script>
<script src="../../modules/ve/ve.Document.js"></script>
Add ve.Action, ve.ActionFactory, subclasses Moved implementation of all the tools into a reusable action system. To execute an action just call surface.execute( actionName, method, param1, param2, ... ); This helps keep tools simple, and opens the door to key commands reusing the same code. Change-Id: Ie786fa3d38d1ea17d39b5dfb8eeeb5f2256267ce
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>
Added undo-before-apply for new link annotations When the link inspector is used to create a new annotation, the text is annotated with the default link target derived from the selected text. Then if the inspector is used to change that value, yet another transaction is processed when the inspector is closed. To avoid having to press undo 2x, this change makes the inspector undo it's first change before applying the changed annotation. This change also introduces insert, remove and select content actions. Change-Id: I3e29189158fb01336d6b053bc2a8bda2a91a0a46
2012-11-16 23:31:36 +00:00
<script src="../../modules/ve/actions/ve.ContentAction.js"></script>
Add ve.Action, ve.ActionFactory, subclasses Moved implementation of all the tools into a reusable action system. To execute an action just call surface.execute( actionName, method, param1, param2, ... ); This helps keep tools simple, and opens the door to key commands reusing the same code. Change-Id: Ie786fa3d38d1ea17d39b5dfb8eeeb5f2256267ce
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>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/ve.dm.js"></script>
Move common Node/Annotation/MetaItem code into ve.dm.Model ve.dm.Model is now the common base class for these three. ve.dm.Node inherited from ve.Node before, so it now uses it as a mixin instead. This required changing ve.Node's usage of ve.EventEmitter from inhertiance to a mixin as well, because inherited methods apparently don't get mixed in correctly. * Change annotation terminology from linmodAnnotation to element for consistency with Node, MetaItem and Model * Reimplement getClonedElement() in Node for .internal treatment Change-Id: Ifd3922af23557c0b0f8984d36b31c8a1e2ec497e
2013-04-02 18:28:42 +00:00
<script src="../../modules/ve/dm/ve.dm.Model.js"></script>
Move matching code from AnnotationFactory to ModelRegistry ModelRegistry registers both annotations and nodes, and performs matching on both at the same time. It also registers annotations with the AnnotationFactory, and nodes with the NodeFactory. Change-Id: I5e68e506a0e573cc0afe6304ccea058ffc20d1c8
2013-01-18 05:29:01 +00:00
<script src="../../modules/ve/dm/ve.dm.ModelRegistry.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
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>
Store data in LinearData class with an index-value store for objects Created an IndexValueStore class which can store any object and return an integer index to its hash map. Linear data is now stored in ve.dm.LinearData instances. Two subclasses for element and meta data contain methods specific to those data types (ElementLinearData and MetaLinearData). The static methods in ve.dm.Document that inspected data at a given offset are now instance methods of ve.dm.ElementLinearData. AnnotationSets (which are no longer OrderedHashSets) have been moved to /dm and also have to be instantiated with a pointer the store. Bug: 46320 Change-Id: I249a5d48726093d1cb3e36351893f4bff85f52e2
2013-03-20 22:35:05 +00:00
<script src="../../modules/ve/dm/ve.dm.AnnotationSet.js"></script>
Change MetaNodes to MetaItems Rather than meta-things being special kinds of nodes, they are now a separate class of things (MetaItems) along with Nodes and Annotations. * Created a generic ve.dm.MetaItem that meta items inherit from. There will be actual instances of this class as well in the upcoming meta group code. * Renamed MetaNode to AlienMetaItem, MWMetaNode to MWMetaItem, 'metaBlock'/'metaInline' to 'alienMeta' * Created a MetaItemFactory, handle meta items in the ModelRegistry * Kill ve.dm.Node.static.isMeta, now obsolete ve.dm.Converter: * Pass in the MetaItemFactory * Look up data element types in the ModelRegistry rather than the NodeFactory, because they can be either nodes or meta items * Document createDataElement() and make explicit that modelClass can be either a node or a meta item * Handle meta items in getDataFromDom() * In getDomFromData(), check the MetaItemFactory as well as the NodeFactory Change-Id: I893709c6f3aa00f85c1b905b70f9f4e597bdeada
2013-02-21 23:01:04 +00:00
<script src="../../modules/ve/dm/ve.dm.MetaItemFactory.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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>
Add data model support for MediaWiki references So far just read-only. Bug: 39599 Change-Id: I6daff5c5969e5fdc871f8f346cf790b4302ae080
2013-04-17 17:53:26 +00:00
<script src="../../modules/ve/dm/ve.dm.InternalList.js"></script>
Change MetaNodes to MetaItems Rather than meta-things being special kinds of nodes, they are now a separate class of things (MetaItems) along with Nodes and Annotations. * Created a generic ve.dm.MetaItem that meta items inherit from. There will be actual instances of this class as well in the upcoming meta group code. * Renamed MetaNode to AlienMetaItem, MWMetaNode to MWMetaItem, 'metaBlock'/'metaInline' to 'alienMeta' * Created a MetaItemFactory, handle meta items in the ModelRegistry * Kill ve.dm.Node.static.isMeta, now obsolete ve.dm.Converter: * Pass in the MetaItemFactory * Look up data element types in the ModelRegistry rather than the NodeFactory, because they can be either nodes or meta items * Document createDataElement() and make explicit that modelClass can be either a node or a meta item * Handle meta items in getDataFromDom() * In getDomFromData(), check the MetaItemFactory as well as the NodeFactory Change-Id: I893709c6f3aa00f85c1b905b70f9f4e597bdeada
2013-02-21 23:01:04 +00:00
<script src="../../modules/ve/dm/ve.dm.MetaItem.js"></script>
Add MetaList A MetaList is a collection of MetaItems representing all of the metadata in a ve.dm.Document, and it updates itself live as the underlying document changes. Currently this interface is read-only, I'll add mutators next. Change-Id: If7bfc9563af37e22dcdca9a682d6decc2f6f1872
2013-03-15 04:07:23 +00:00
<script src="../../modules/ve/dm/ve.dm.MetaList.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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>
Add a missing reference to file ve.dm.SurfaceFragment.js inside index.php for standalone demo. Change-Id: I12c134a4a2e2bbec271ade5d211c48939cfc9a5f
2012-10-12 23:36:55 +00:00
<script src="../../modules/ve/dm/ve.dm.SurfaceFragment.js"></script>
UnicodeJS library to implement Unicode standards Initially just with a Wordbreak module to implement Unicode standard on 'Default Word Boundaries'. Due to it's standaloneability this has been written as a separate library. Non-BMP characters are currently not supported. Bug: 44085 Change-Id: Ieafa070076f4c36855684f6bc179667e28af2c25
2013-03-18 11:31:14 +00:00
<script src="../../modules/ve/dm/ve.dm.DataString.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/ve.dm.Document.js"></script>
Store data in LinearData class with an index-value store for objects Created an IndexValueStore class which can store any object and return an integer index to its hash map. Linear data is now stored in ve.dm.LinearData instances. Two subclasses for element and meta data contain methods specific to those data types (ElementLinearData and MetaLinearData). The static methods in ve.dm.Document that inspected data at a given offset are now instance methods of ve.dm.ElementLinearData. AnnotationSets (which are no longer OrderedHashSets) have been moved to /dm and also have to be instantiated with a pointer the store. Bug: 46320 Change-Id: I249a5d48726093d1cb3e36351893f4bff85f52e2
2013-03-20 22:35:05 +00:00
<script src="../../modules/ve/dm/ve.dm.LinearData.js"></script>
(bug 42806) Copy/paste errors on unbalanced data ve.ce.Surface * Switched to using getSlice instead of getData in copy and paste handlers * Added try/catch which attempts to build a transaction with the unbalanced data first, but falls back on the balanced data otherwise ve.dm.*Node * Added default style attributes (now used by ve.dm.NodeFactory) ve.dm.Document * Fixed bugs in fixupInsertions where parentType was being set with an object rather than a string * Made use of getDataElement * Added adoption capability so that inserting a</h1><p>b into <p>c[cursor]d</p> results in <p>ca</p><p>bd</p> rather than throwing an exception * Renamed getBalancedData to getSlice, now retuning a ve.dm.DocumentSlice object ve.dm.DocumentSlice * Introduced new container for balanced data and a range of the original context - useful for copy/paste ve.dm.NodeFactory * Added getDataElement method, which uses default attributes to create a boilerplate version of a data element ve.dm.Document.test * Updated getBalancedData test to be a getSlice test demos/ve/index, VisualEditor, test/index * Added references to ve.dm.DocumentSlice Change-Id: Id9269a29e51ca213508de8f155d3feec5e5b0774
2012-12-07 01:23:03 +00:00
<script src="../../modules/ve/dm/ve.dm.DocumentSlice.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/ve.dm.DocumentSynchronizer.js"></script>
Store data in LinearData class with an index-value store for objects Created an IndexValueStore class which can store any object and return an integer index to its hash map. Linear data is now stored in ve.dm.LinearData instances. Two subclasses for element and meta data contain methods specific to those data types (ElementLinearData and MetaLinearData). The static methods in ve.dm.Document that inspected data at a given offset are now instance methods of ve.dm.ElementLinearData. AnnotationSets (which are no longer OrderedHashSets) have been moved to /dm and also have to be instantiated with a pointer the store. Bug: 46320 Change-Id: I249a5d48726093d1cb3e36351893f4bff85f52e2
2013-03-20 22:35:05 +00:00
<script src="../../modules/ve/dm/ve.dm.IndexValueStore.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/ve.dm.Converter.js"></script>
Store data in LinearData class with an index-value store for objects Created an IndexValueStore class which can store any object and return an integer index to its hash map. Linear data is now stored in ve.dm.LinearData instances. Two subclasses for element and meta data contain methods specific to those data types (ElementLinearData and MetaLinearData). The static methods in ve.dm.Document that inspected data at a given offset are now instance methods of ve.dm.ElementLinearData. AnnotationSets (which are no longer OrderedHashSets) have been moved to /dm and also have to be instantiated with a pointer the store. Bug: 46320 Change-Id: I249a5d48726093d1cb3e36351893f4bff85f52e2
2013-03-20 22:35:05 +00:00
<script src="../../modules/ve/dm/lineardata/ve.dm.ElementLinearData.js"></script>
<script src="../../modules/ve/dm/lineardata/ve.dm.MetaLinearData.js"></script>
Create GeneratedContentNode which can store rendered HTML in IV store AlienNode is now a subclass of GCNode, but doesn't use the IV store yet. Bug: 46571 Change-Id: If0717afdf557a2aa681d1bae3a6e98299631091a
2013-04-03 18:21:10 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.GeneratedContentNode.js"></script>
Hybrid-ify AlienBlock/AlienInline Change-Id: Ieda8383c0c04df208f4c5f2aa7380427467049b7
2013-01-25 04:09:53 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.AlienNode.js"></script>
Add ve.dm.BreakNode to represent <br> Change-Id: I3825199c3c8cbe3b50c01e03f39f20cef7c55a28
2012-08-08 23:06:20 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.BreakNode.js"></script>
Support for <center> tag Change-Id: I0d64561dd82b8377ee7491103e81569eaca22fee
2012-08-22 19:51:33 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.CenterNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
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>
Add support for <div>s as user-editable blocks Bug: 47907 Change-Id: I794927a881082e0113c0ce8ee8f1d908b0960899
2013-05-01 01:32:06 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.DivNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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>
Add data model support for MediaWiki references So far just read-only. Bug: 39599 Change-Id: I6daff5c5969e5fdc871f8f346cf790b4302ae080
2013-04-17 17:53:26 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.InternalItemNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.InternalListNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.ListItemNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.ListNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.ParagraphNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.PreformattedNode.js"></script>
Add TableCaptionNode Because we have a node for <table>, we also need one for <caption>, otherwise we'll try to alienate it and fail. Added the test case as a separate example document so Ed can use it for his tests. Removed test case asserting <caption> is alienated. Change-Id: I3a917db58e6c0eb97899b214b07d01fc8d86b56d
2013-04-25 22:24:37 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.TableCaptionNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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>
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.MWEntityNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.MWHeadingNode.js"></script>
Create GeneratedContentNode which can store rendered HTML in IV store AlienNode is now a subclass of GCNode, but doesn't use the IV store yet. Bug: 46571 Change-Id: If0717afdf557a2aa681d1bae3a6e98299631091a
2013-04-03 18:21:10 +00:00
<script src="../../modules/ve/dm/nodes/ve.dm.MWPreformattedNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/annotations/ve.dm.LinkAnnotation.js"></script>
Fix standalone demo. Change-Id: Ieef15ad3edc039b205e5e4e870311927384be561
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>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/dm/annotations/ve.dm.TextStyleAnnotation.js"></script>
Change MetaNodes to MetaItems Rather than meta-things being special kinds of nodes, they are now a separate class of things (MetaItems) along with Nodes and Annotations. * Created a generic ve.dm.MetaItem that meta items inherit from. There will be actual instances of this class as well in the upcoming meta group code. * Renamed MetaNode to AlienMetaItem, MWMetaNode to MWMetaItem, 'metaBlock'/'metaInline' to 'alienMeta' * Created a MetaItemFactory, handle meta items in the ModelRegistry * Kill ve.dm.Node.static.isMeta, now obsolete ve.dm.Converter: * Pass in the MetaItemFactory * Look up data element types in the ModelRegistry rather than the NodeFactory, because they can be either nodes or meta items * Document createDataElement() and make explicit that modelClass can be either a node or a meta item * Handle meta items in getDataFromDom() * In getDomFromData(), check the MetaItemFactory as well as the NodeFactory Change-Id: I893709c6f3aa00f85c1b905b70f9f4e597bdeada
2013-02-21 23:01:04 +00:00
<script src="../../modules/ve/dm/metaitems/ve.dm.AlienMetaItem.js"></script>
Add MW-specific meta items for categories and language links Also rename MWMetaItem to MWAlienMetaItem, because that's what it really is. Change-Id: I70695bfa3b8449c936a63f7b2a248b90c49dcea1
2013-03-21 19:18:52 +00:00
<script src="../../modules/ve/dm/metaitems/ve.dm.MWAlienMetaItem.js"></script>
<script src="../../modules/ve/dm/metaitems/ve.dm.MWCategoryMetaItem.js"></script>
Create meta item for defaultsort Bug: 46465 Change-Id: I604a79c25e5b0315f7e6437da657977b0efa77db
2013-04-29 14:33:37 +00:00
<script src="../../modules/ve/dm/metaitems/ve.dm.MWDefaultSortMetaItem.js"></script>
Add MW-specific meta items for categories and language links Also rename MWMetaItem to MWAlienMetaItem, because that's what it really is. Change-Id: I70695bfa3b8449c936a63f7b2a248b90c49dcea1
2013-03-21 19:18:52 +00:00
<script src="../../modules/ve/dm/metaitems/ve.dm.MWLanguageMetaItem.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ce/ve.ce.js"></script>
DomRange makes more sense as a name for this class (cause it is not rangy specific). Change-Id: I670523a0ed2216ebe34dc4b759a4aa429b9da53c
2013-03-05 20:18:59 +00:00
<script src="../../modules/ve/ce/ve.ce.DomRange.js"></script>
Great Annotation Refactor of 2013 This changes the annotation API to be the same as the node API, sans a few boolean flags that don't apply. The APIs were different, but there was really no good reason why, so this makes things simpler for API users. It also means we'll be able to factor a bunch of things out because they're now duplicated between nodes, meta items and annotations. Linear model annotations are now objects with 'type' and 'attributes' properties (rather than 'name' and 'data'), for consistency with elements. They now also contain html/0/* attributes for HTML attribute preservation, which obsoletes the htmlTagName and htmlAttributes properties. dm.Annotation subclasses take a reference to such an object and implement conversion using .static.toDataElement and .static.toDomElements just like nodes do. The custom .getHash() functions are no longer necessary because of the way HTML attribute preservation was reimplemented. CE rendering has been moved out of dm.Annotation (it never made sense to have CE rendering functions in DM classes, this was bothering me) and into separate ce.Annotation subclasses. These are very similar to CE nodes in that they have a this.$ generated based on something in the DM; the main difference is that nodes listen to events and update themselves, whereas annotations are static and are simply destroyed and rebuilt when they change. This change also adds whitelisted HTML attribute rendering for annotations, as well as class="ve-ce-FooAnnotation" attributes. Now that annotation classes produce real DOM nodes rather than weird objects describing HTML tags, we can't generate HTML as a string in ce.ContentBranchNode anymore. getRenderedContents() has been rewritten to be much more similar to the way the converter renders annotations; in fact, significant parts of it were copied from the converter, so that should be factored out in the future. This change actually fixes an annotation rendering discrepancy between ce.ContentBranchNode and dm.Converter; see the diff of ve.ce.ContentBranchNode.test.js. ve.ce.MWEntityNode.js: * Remove stray property ve.dm.MWExternalLinkAnnotation.js: * Store 'rel' attribute ve.dm.TextStyleAnnotation.js: * Put all the conversion logic in the abstract base class ve.dm.Converter.js: * Also feed annotations through getDomElementsFromDataElement() and createDataElement() ve.dm.Node.js: * Fix undocumented property ve.ce.ContentBranchNode.test.js: * Add descriptive messages for each test case * Compare DOM trees, not HTML strings * Compare without all the class="ve-ce-WhateverAnnotation" clutter ve.ui.LinkInspector.js: * Replace direct .getHash() calls (evil!) with ve.getHash() Bug: 46464 Bug: 44808 Change-Id: I31991488579b8cce6d98ed8b29b486ba5ec38cdc
2013-04-02 17:23:33 +00:00
<script src="../../modules/ve/ce/ve.ce.AnnotationFactory.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
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>
Add ve.ce.View as a common base class for ce.Node and ce.Annotation Just like ve.dm.Model is a common base class for dm.Node, dm.Annotation and dm.MetaItem. ce.View abstracts the this.model and this.$ behavior, including liveness, whitelisted HTML attribute rendering and adding a back reference in .data(). The back reference has been renamed from .data( 'node' ) to the more generic .data( 'view' ). At this point this means ce.Annotation is just a shell around ce.View (except where it defaults to a span rather than a div), but that could change in the future. Change-Id: I0eef5b80718e0b0fcd3f8bba096b452f0bb680d0
2013-04-02 19:33:22 +00:00
<script src="../../modules/ve/ce/ve.ce.View.js"></script>
Great Annotation Refactor of 2013 This changes the annotation API to be the same as the node API, sans a few boolean flags that don't apply. The APIs were different, but there was really no good reason why, so this makes things simpler for API users. It also means we'll be able to factor a bunch of things out because they're now duplicated between nodes, meta items and annotations. Linear model annotations are now objects with 'type' and 'attributes' properties (rather than 'name' and 'data'), for consistency with elements. They now also contain html/0/* attributes for HTML attribute preservation, which obsoletes the htmlTagName and htmlAttributes properties. dm.Annotation subclasses take a reference to such an object and implement conversion using .static.toDataElement and .static.toDomElements just like nodes do. The custom .getHash() functions are no longer necessary because of the way HTML attribute preservation was reimplemented. CE rendering has been moved out of dm.Annotation (it never made sense to have CE rendering functions in DM classes, this was bothering me) and into separate ce.Annotation subclasses. These are very similar to CE nodes in that they have a this.$ generated based on something in the DM; the main difference is that nodes listen to events and update themselves, whereas annotations are static and are simply destroyed and rebuilt when they change. This change also adds whitelisted HTML attribute rendering for annotations, as well as class="ve-ce-FooAnnotation" attributes. Now that annotation classes produce real DOM nodes rather than weird objects describing HTML tags, we can't generate HTML as a string in ce.ContentBranchNode anymore. getRenderedContents() has been rewritten to be much more similar to the way the converter renders annotations; in fact, significant parts of it were copied from the converter, so that should be factored out in the future. This change actually fixes an annotation rendering discrepancy between ce.ContentBranchNode and dm.Converter; see the diff of ve.ce.ContentBranchNode.test.js. ve.ce.MWEntityNode.js: * Remove stray property ve.dm.MWExternalLinkAnnotation.js: * Store 'rel' attribute ve.dm.TextStyleAnnotation.js: * Put all the conversion logic in the abstract base class ve.dm.Converter.js: * Also feed annotations through getDomElementsFromDataElement() and createDataElement() ve.dm.Node.js: * Fix undocumented property ve.ce.ContentBranchNode.test.js: * Add descriptive messages for each test case * Compare DOM trees, not HTML strings * Compare without all the class="ve-ce-WhateverAnnotation" clutter ve.ui.LinkInspector.js: * Replace direct .getHash() calls (evil!) with ve.getHash() Bug: 46464 Bug: 44808 Change-Id: I31991488579b8cce6d98ed8b29b486ba5ec38cdc
2013-04-02 17:23:33 +00:00
<script src="../../modules/ve/ce/ve.ce.Annotation.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ce/ve.ce.Node.js"></script>
<script src="../../modules/ve/ce/ve.ce.BranchNode.js"></script>
Render inline annotations in CE Moved annotation rendering from ce.Textnode into the new ce.ContentBranchNode class. This allows us to render annotations that span across multiple nodes. * Add ce.ContentBranchNode, inheriting ce.BranchNode * Make ce.{Paragraph,Heading,Preformatted}Node inherit ce.ContentBranchNode * Made ce.ContentBranchNode render its child nodes with anntations, using .getAnnotatedHtml() on the child nodes * Put a default implementation for .getAnnotatedHtml() in ce.LeafNode * Override this in ce.TextNode to do escaping and whitespace handling * Removed rendering code from ce.TextNode (this.$ is now unused there) * Removed ce.TextNode.onUpdate() and ce.BranchNode.clean(), now unneeded * Have ce.BranchNode propagate update events from children, so ce.ContentBranchNode can rerender when its children change * Update tests, add test case for escaping of &<>'" Change-Id: I4600e984b287c6ff9267f4281d2f09bab9e1ad95
2012-11-27 00:35:12 +00:00
<script src="../../modules/ve/ce/ve.ce.ContentBranchNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ce/ve.ce.LeafNode.js"></script>
Allow node focusing *.php * Added links to new file ve.ce.ImageNode.js * Added focusable node mixin ve.ce.FocusableNode.js * New class! * Adds isFocused and setFocused methods * When a node is focused or blurred, 'focus' and 'blur' events are emitted * While a node is focused, it will have the 've-ce-node-focused' class added to it's this.$ ve.ce.Surface.js * Add detection of node focusing and setting focus and blur on nodes on change Change-Id: I3f1ad6309571f2bfe568550e2e8f1bd5a0302085
2013-04-18 20:54:37 +00:00
<script src="../../modules/ve/ce/ve.ce.FocusableNode.js"></script>
ve.ce.ProtectedNode Objective: Generalize the shield and phantom magic, so we can use it for pretty much any node we like. Usually this will be used with generated content nodes, but also with aliens (of course) and possible other stuff in the future. Bonus: Also fixes a bug in DM that would crash VE when you selected to the end and hit backspace. Changes: *.php * Added links to files aliens.html * Added attributes to aliens to make them aliens again ve.ce.AlienNode.js * Moved shield and phantom functionality to ve.ce.ProtectedNode ve.ce.AlienNode.js, ve.ce.MWReferenceListNode.js, ve.ce.MWReferenceNode.js, ve.ce.MWTemplateNode.js * Mixed in ve.ce.ProtectedNode ve.ce.Node.css * Reorganized styles and updated class names * Added simple light blue hover with outline (using inset box shadow) for protected nodes, same style as before for aliens ve.ce.Surface.css * Moved phantom styles to ve.ce.Node.css ve.ce.BranchNode.js * Moved call to setLive(false) to happen before detach() so that the surface object is still available and events can be disconnected ve.ce.BranchNode.js, ve.ce.Document.js, ve.ce.js, ve.ce.Surface.js, ve.ce.SurfaceObserver.js * Adjusted CSS class names ve.ce.Node.js * Moved shield template to ve.ce.ProtectedNode ve.ce.ProtectedNode.js * New class, mix into another class to protect it from editing ve.ce.RelocatableNode.js * Renamed temporary surface property to relocatingSurface to avoid confusion when debugging ve.ce.Surface.js * Moved phantom template to ve.ce.ProtectedNode ve.dm.Transaction.js * Fixed bug where most of the internal list was being deleted when the end of the document was selected and the user pressed backspace Change-Id: I2468b16e1ba6785ad298e38190e33493135719c3
2013-05-07 00:07:01 +00:00
<script src="../../modules/ve/ce/ve.ce.ProtectedNode.js"></script>
Allow node relocation *.php * Added links to new file ve.ce.ImageNode.js * Added relocatable node mixin * Added $image reference to the actual img element, so if it's wrapped in a sub class the functionality in the parent class doesn't break. * Moved drag start event handling to relocatable node * Removed drag end binding, not needed. ve.ce.MWImageNode.js * Moved addClass to initialization section of constructor. * Copied 'view' data prop from image element to keep stuff working after the wrapping. ve.ce.Node.css * Switched to default (arrow) cursor for images. ve.ce.RelocatableNode.js * New mixing for nodes that should be relocatable * Added implementation for drag start, which tells the surface to allow dragging this node. ve.ce.Surface.js * Added relocation support, which is used by relocatable nodes * Split onDocumentDragDrop into onDocumentDragOver and onDocumentDrop which now have implementations that support relocation of nodes ve.ui.Context.js * Added relocation tracking to prevent context being shown while relocating Change-Id: I8703adfb707af2c3224431afc3418356ac2c686c
2013-04-15 17:54:49 +00:00
<script src="../../modules/ve/ce/ve.ce.RelocatableNode.js"></script>
Allow resizing nodes Actually really resizing the image Show bounding box on mouseover with 4 handles. Bounding box is resizable. Image resizes to match bounding box on mouse up. Change-Id: I1f3dac64eb86dd1f258937e4915af101b3ac19d8
2013-04-18 01:07:59 +00:00
<script src="../../modules/ve/ce/ve.ce.ResizableNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ce/ve.ce.Surface.js"></script>
Initial import of ve.ce.SufaceObserver Change-Id: Ifc14a6cc30e46c8ae99c59dcb916795c603329ed
2012-10-04 19:54:39 +00:00
<script src="../../modules/ve/ce/ve.ce.SurfaceObserver.js"></script>
Create GeneratedContentNode which can store rendered HTML in IV store AlienNode is now a subclass of GCNode, but doesn't use the IV store yet. Bug: 46571 Change-Id: If0717afdf557a2aa681d1bae3a6e98299631091a
2013-04-03 18:21:10 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.GeneratedContentNode.js"></script>
Phantoms not vanishing on mouseout If the mouse is moved too quickly, the phantoms have a tendency to stick. This change moves the event from phantom.mouseleave to surface.mousemove. Change-Id: I2c7e7bdc838427d4355a6c0c13bafe3198636dbe
2012-11-15 23:33:09 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.AlienNode.js"></script>
Add ve.dm.BreakNode to represent <br> Change-Id: I3825199c3c8cbe3b50c01e03f39f20cef7c55a28
2012-08-08 23:06:20 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.BreakNode.js"></script>
Fixing location of ve.ce.CenterNode.js and adding comma between variable declarations Change-Id: If54e314f47860ac30060bec6b3f5997ed3709e0b
2012-10-17 20:12:37 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.CenterNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
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>
Add support for <div>s as user-editable blocks Bug: 47907 Change-Id: I794927a881082e0113c0ce8ee8f1d908b0960899
2013-05-01 01:32:06 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.DivNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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>
Add data model support for MediaWiki references So far just read-only. Bug: 39599 Change-Id: I6daff5c5969e5fdc871f8f346cf790b4302ae080
2013-04-17 17:53:26 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.InternalItemNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.InternalListNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.ListItemNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.ListNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.ParagraphNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.PreformattedNode.js"></script>
Add TableCaptionNode Because we have a node for <table>, we also need one for <caption>, otherwise we'll try to alienate it and fail. Added the test case as a separate example document so Ed can use it for his tests. Removed test case asserting <caption> is alienated. Change-Id: I3a917db58e6c0eb97899b214b07d01fc8d86b56d
2013-04-25 22:24:37 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.TableCaptionNode.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<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>
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.MWEntityNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.MWHeadingNode.js"></script>
Create MWTemplateNode This node stores the rendered in the index-value store, hashed on a custom hash of the dm (type + mw) which makes it unique it its parameters. Bug: 46571 Change-Id: I0ab4c9f7bca207121d5b42e83c821771b6139da8
2013-04-10 18:15:15 +00:00
<script src="../../modules/ve/ce/nodes/ve.ce.MWPreformattedNode.js"></script>
Great Annotation Refactor of 2013 This changes the annotation API to be the same as the node API, sans a few boolean flags that don't apply. The APIs were different, but there was really no good reason why, so this makes things simpler for API users. It also means we'll be able to factor a bunch of things out because they're now duplicated between nodes, meta items and annotations. Linear model annotations are now objects with 'type' and 'attributes' properties (rather than 'name' and 'data'), for consistency with elements. They now also contain html/0/* attributes for HTML attribute preservation, which obsoletes the htmlTagName and htmlAttributes properties. dm.Annotation subclasses take a reference to such an object and implement conversion using .static.toDataElement and .static.toDomElements just like nodes do. The custom .getHash() functions are no longer necessary because of the way HTML attribute preservation was reimplemented. CE rendering has been moved out of dm.Annotation (it never made sense to have CE rendering functions in DM classes, this was bothering me) and into separate ce.Annotation subclasses. These are very similar to CE nodes in that they have a this.$ generated based on something in the DM; the main difference is that nodes listen to events and update themselves, whereas annotations are static and are simply destroyed and rebuilt when they change. This change also adds whitelisted HTML attribute rendering for annotations, as well as class="ve-ce-FooAnnotation" attributes. Now that annotation classes produce real DOM nodes rather than weird objects describing HTML tags, we can't generate HTML as a string in ce.ContentBranchNode anymore. getRenderedContents() has been rewritten to be much more similar to the way the converter renders annotations; in fact, significant parts of it were copied from the converter, so that should be factored out in the future. This change actually fixes an annotation rendering discrepancy between ce.ContentBranchNode and dm.Converter; see the diff of ve.ce.ContentBranchNode.test.js. ve.ce.MWEntityNode.js: * Remove stray property ve.dm.MWExternalLinkAnnotation.js: * Store 'rel' attribute ve.dm.TextStyleAnnotation.js: * Put all the conversion logic in the abstract base class ve.dm.Converter.js: * Also feed annotations through getDomElementsFromDataElement() and createDataElement() ve.dm.Node.js: * Fix undocumented property ve.ce.ContentBranchNode.test.js: * Add descriptive messages for each test case * Compare DOM trees, not HTML strings * Compare without all the class="ve-ce-WhateverAnnotation" clutter ve.ui.LinkInspector.js: * Replace direct .getHash() calls (evil!) with ve.getHash() Bug: 46464 Bug: 44808 Change-Id: I31991488579b8cce6d98ed8b29b486ba5ec38cdc
2013-04-02 17:23:33 +00:00
<script src="../../modules/ve/ce/annotations/ve.ce.LinkAnnotation.js"></script>
<script src="../../modules/ve/ce/annotations/ve.ce.MWExternalLinkAnnotation.js"></script>
<script src="../../modules/ve/ce/annotations/ve.ce.MWInternalLinkAnnotation.js"></script>
<script src="../../modules/ve/ce/annotations/ve.ce.TextStyleAnnotation.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/ve.ui.js"></script>
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
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>
Context, frame, window, dialog and inspector refactor This is a major refactor of user interface context, frame, dialog and inspector classes, including adding several new classes which generalize managing inspectors/dialogs (which are now subclasses of window). New classes: * ve.ui.Window.js - base class for inspector and dialog classes * ve.ui.WindowSet.js - manages mutually exclusive windows, used by surface and context for dialogs and inspectors respectively * ve.ui.DialogFactory - generates dialogs * ve.ui.IconButtonWidget - used in inspector for buttons in the head Refactored classes: * ve.ui.Context - moved inspector management to window set * ve.ui.Frame - made iframes initialize asynchronously * ve.ui.Dialog and ve.ui.Inspector - moved initialization to async initialize method Other interesting bits: ve.ui.*Icons*.css, *.svg, *.png, *.ai * Merged icon stylesheets so all icons are available inside windows * Renamed inspector icon to window ve.ui.*.css * Reorganized styles so that different windows can include only what they need * Moved things to where they belonged (some things were in strange places) ve.init.Target.js, ve.init.mw.ViewPageTarget.js, ve.init.sa.Target.js * Removed dialog management - dialogs are managed by the surface now ve.ui.*Dialog.js * Renamed title message static property * Added registration ve.ui.*Inspector.js * Switch to accept surface object rather than context, which conforms to the more general window class without losing any functionality (in fact, most of the time the surface was what we actually wanted) ve.ui.MenuWidget.js, ve.ui.MWLinkTargetInputWidget.js * Using surface overly rather than passing an overlay around through constructors Change-Id: Ifd16a1003ff44c48ee7b2c66928cf9cc858b2564
2013-03-13 00:06:57 +00:00
<script src="../../modules/ve/ui/ve.ui.Window.js"></script>
<script src="../../modules/ve/ui/ve.ui.WindowSet.js"></script>
UI "Views" refactor Objective: Make it possible for inspectors to inspect nodes or annotations, rather than only annotations. Meanwhile, also make it possible for dialogs to edit an annotation. Strategy: Switch from using type patterns to associate inspectors with annotations to using arrays of classes, similar to how dialogs already work. Introduce a view registry which provides lookups for relationships between models and views. This is more centralized and less repetitive than implement matching functions for both annotations and nodes in both the dialog and inspector factories. Changes: *.php * Added links to new file ve.AnnotationAction.js * Removed unused parameter to filter annotations using a string or regexp ve.dm.AnnotationSet.js * Switched from property/value arguments to callbacks ve.ui.*(Dialog|Inspector).js * Replaced type patterns with class lists * Added class to view registry ve.ui.*Tool.js, ve.ui.Context.js * Updated model/view relationship lookup ve.ui.*Factory.js * Removed overly-specific lookup functions ve.ui.Inspector.js * Removed typePattern property * Updated model/view relationship lookup ve.ui.ViewRegistry.js * New class! * Migrated node and annotation lookup functions from factories Change-Id: Ic2bbcf072fdd87e5ce8a03fe1ae3e6d8d50e2593
2013-04-15 21:35:32 +00:00
<script src="../../modules/ve/ui/ve.ui.ViewRegistry.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/ve.ui.Inspector.js"></script>
UI context reorganization, inspector rewrite, iframe refactor, icon generalization * Only show the inspector if the selected text has an inspectable annotation * Replace the inline menu with a toolbar containing inspectable annotations * Change the appearance of the inspector to match new mockups * Add the trash can icon for removing annotations * Move iframe handling code into a class that manages all that nonsense Change-Id: I840f72426f9a9e50054a28de950393f0e9913153
2012-10-24 22:20:41 +00:00
<script src="../../modules/ve/ui/ve.ui.InspectorFactory.js"></script>
Introduce dialogs Major changes: demos/ve/index.php * Renamed ve-demo-content to ve-demo-editor ve.init.mw.ViewPageTarget, ve.init.sa.Target * Added handlers for dialog events ve.ui.*Dialog.js * Added skeleton classes for dialogs ve.init.Target.js * Create abstract class methods for Target. ve.init.sa.Target.js * Create Standalone target view methods. ve.init.mw.Target.js * Added MW specific target view methods. * Integration action buttons are now added to the edit view in the toolbar. ve.Surface.js * Simplified constructor, now requiring a target which contains the container * Other changes include some documentation and code cleanup. Bug: 39597 Change-Id: Iff39266bdd3052f34bda254ca407030dbbc81f26
2013-02-20 19:44:44 +00:00
<script src="../../modules/ve/ui/ve.ui.Dialog.js"></script>
Context, frame, window, dialog and inspector refactor This is a major refactor of user interface context, frame, dialog and inspector classes, including adding several new classes which generalize managing inspectors/dialogs (which are now subclasses of window). New classes: * ve.ui.Window.js - base class for inspector and dialog classes * ve.ui.WindowSet.js - manages mutually exclusive windows, used by surface and context for dialogs and inspectors respectively * ve.ui.DialogFactory - generates dialogs * ve.ui.IconButtonWidget - used in inspector for buttons in the head Refactored classes: * ve.ui.Context - moved inspector management to window set * ve.ui.Frame - made iframes initialize asynchronously * ve.ui.Dialog and ve.ui.Inspector - moved initialization to async initialize method Other interesting bits: ve.ui.*Icons*.css, *.svg, *.png, *.ai * Merged icon stylesheets so all icons are available inside windows * Renamed inspector icon to window ve.ui.*.css * Reorganized styles so that different windows can include only what they need * Moved things to where they belonged (some things were in strange places) ve.init.Target.js, ve.init.mw.ViewPageTarget.js, ve.init.sa.Target.js * Removed dialog management - dialogs are managed by the surface now ve.ui.*Dialog.js * Renamed title message static property * Added registration ve.ui.*Inspector.js * Switch to accept surface object rather than context, which conforms to the more general window class without losing any functionality (in fact, most of the time the surface was what we actually wanted) ve.ui.MenuWidget.js, ve.ui.MWLinkTargetInputWidget.js * Using surface overly rather than passing an overlay around through constructors Change-Id: Ifd16a1003ff44c48ee7b2c66928cf9cc858b2564
2013-03-13 00:06:57 +00:00
<script src="../../modules/ve/ui/ve.ui.DialogFactory.js"></script>
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
<script src="../../modules/ve/ui/ve.ui.Layout.js"></script>
Context, frame, window, dialog and inspector refactor This is a major refactor of user interface context, frame, dialog and inspector classes, including adding several new classes which generalize managing inspectors/dialogs (which are now subclasses of window). New classes: * ve.ui.Window.js - base class for inspector and dialog classes * ve.ui.WindowSet.js - manages mutually exclusive windows, used by surface and context for dialogs and inspectors respectively * ve.ui.DialogFactory - generates dialogs * ve.ui.IconButtonWidget - used in inspector for buttons in the head Refactored classes: * ve.ui.Context - moved inspector management to window set * ve.ui.Frame - made iframes initialize asynchronously * ve.ui.Dialog and ve.ui.Inspector - moved initialization to async initialize method Other interesting bits: ve.ui.*Icons*.css, *.svg, *.png, *.ai * Merged icon stylesheets so all icons are available inside windows * Renamed inspector icon to window ve.ui.*.css * Reorganized styles so that different windows can include only what they need * Moved things to where they belonged (some things were in strange places) ve.init.Target.js, ve.init.mw.ViewPageTarget.js, ve.init.sa.Target.js * Removed dialog management - dialogs are managed by the surface now ve.ui.*Dialog.js * Renamed title message static property * Added registration ve.ui.*Inspector.js * Switch to accept surface object rather than context, which conforms to the more general window class without losing any functionality (in fact, most of the time the surface was what we actually wanted) ve.ui.MenuWidget.js, ve.ui.MWLinkTargetInputWidget.js * Using surface overly rather than passing an overlay around through constructors Change-Id: Ifd16a1003ff44c48ee7b2c66928cf9cc858b2564
2013-03-13 00:06:57 +00:00
<script src="../../modules/ve/ui/ve.ui.Widget.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
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>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<script src="../../modules/ve/ui/ve.ui.ToolFactory.js"></script>
Stack panel, element mixins, cleanup *.php * Updated links to files ve.ui.MetaDialog * Added stack panel that now contains category and language editor panels * Attached outline widget to stack panel ve.ui.FlaggableWidget -> ve.ui.FlaggableElement * Moved to elements ve.ui.GroupWidget -> ve.ui.GroupElement * Moved to elements * Removed invalid event documentation ve.ui.LabledWidget -> ve.ui.LabledElement * Moved to elements ve.ui.StackPanelLayout.js * New class, mutually exclusive panel container ve.ui.TitledPanelLayout * Remvoed, using labeled element instead ve.ui.Element.css * Added for elements * Moved label style here, from widget styles *.css, ve.ui.ButtonWidget.js, ve.ui.InputLabelWidget, ve.ui.OptionWidget, ve.ui.SelectWidget * Adjusted class names to reflect widget -> element migration Change-Id: I32f504c844dba7aae1b286eef06ca046627bdc8d
2013-03-28 01:37:34 +00:00
<script src="../../modules/ve/ui/elements/ve.ui.LabeledElement.js"></script>
<script src="../../modules/ve/ui/elements/ve.ui.GroupElement.js"></script>
<script src="../../modules/ve/ui/elements/ve.ui.FlaggableElement.js"></script>
New popup widget This will make the popup with callout functionality easy to reuse elsewhere - in the first case most likely the popup menus for the category widget. *.php * Added links to the new widget ve.ui.Context.css, ve.ui.Widget.css * Moved styles to the widget stylesheet ve.ui.Context.js, ve.ui.PopupWidget * Moved "popup" specific stuff to the new popup widget Change-Id: I823c6e2c5e1ec11088898e9621d93e983c3b76f3
2013-03-26 23:55:41 +00:00
<script src="../../modules/ve/ui/widgets/ve.ui.PopupWidget.js"></script>
Group, Select, Option, Outline and MenuSection widgets Objective: Refactor menu widgets so that the majority of their code can be reused, and then add an outline widget which shares the same base classes. ve.ui.Dialog.css * Make dialog a fixed width and have a minimum and maximum height while always being centered in the window. * Add style for the outline panel * Add border below the title * Move font-size adjustment to child elements to preserve layout scale ve.ui.Inspector.css * Make inspectors fade in when being opened (will happen after the size transition is complete) * Add initial size for inspector to prevent the default size of the unfinished contents from making it too large while loading ve.ui.Tool.css * Update classes according to changes in labeled widgets ve.ui.Widget.css * Add display: block to widget labels to support use of autoEllipsis on them * Update classes according to changes in labeled widgets * Add styles for new select, option and outline item widgets * Remove unused group and items classes for menu widgets (which are now subclasses of the select widget and no longer have grouping built-in) ve.ui.Window.css.js * Moved selection disabling rules up to the head to prevent selection drawing around the title ve.ui.GroupWidget.js * New widget that manages "items", allowing getting, adding, removing and clearing ve.ui.MenuSectionItemWidget.js * New widget that can be used inside a menu to create an unselectable, unhighlightable item that describes a section of the menu ve.ui.OptionWidget.js * New widget to be used with select widgets, provides select and highlight functionality ve.ui.OutlineItemWidget.js * New widget to be used with outline widgets, extends option and adds support for an icon to be rendered to the left of the label ve.ui.OutlineWidget.js * New widget that provides a vertically stacked list of mutually exclusive options, extends select ve.ui.SelectWidget.js * New widget that implements most of what menu once did, only now it also handles all the events for it's child elements internally ve.ui.MetaDialog.js * Hacked in support for an outline widget in the outline pane * Added classes for styling purposes ve.ui.FormatDropDownTool.js * Modified call to menu item constructor as per changes therein * Reorganized options config to make construction simpler * Changed to setLabel after selecting the item to prevent the label from being changed to the wrong value as a side-effect of setting the item ve.ui.DropDownTool.js * Added $$ in config for menu widget - just in case later on we use a drop-down inside of a frame * Using jQuery .text() method to propagate the selected item's text to the label rather than keeping around a plain text copy of the label in a property ve.ui.Context.js * Improve context/inspector behavior in regards to initial sizing ve.ui.js * Added context property to $$ returned by get$$ so it's easy to get the document object (for event binding) wherever you have a $$ ve.ui.Window.js * Fixed incorrect case for boolean type in comment * Added getFrame method ve.ui.ButtonWidget.js * Removed extra class being set on label ve.ui.LabeledWidget.js * Added class on label * Added fitLabel method which uses autoEllipsis internally ve.ui.MenuItemWidget.js * Moved nearly all of the implementation to option so it could be reused ve.ui.Menu.js * Moved most of the implementation to select and group ve.ui.MWLinkTargetInputWidget * Prevent aborting and re-querying if the value hasn't actually changed * Updated populateMenu method as per changes in menu class *.php * Added links to new files Change-Id: I2271b5cc0554973b13cfbff94caf16901c02caa5
2013-03-19 22:59:49 +00:00
<script src="../../modules/ve/ui/widgets/ve.ui.SelectWidget.js"></script>
<script src="../../modules/ve/ui/widgets/ve.ui.OptionWidget.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.ButtonWidget.js"></script>
Context, frame, window, dialog and inspector refactor This is a major refactor of user interface context, frame, dialog and inspector classes, including adding several new classes which generalize managing inspectors/dialogs (which are now subclasses of window). New classes: * ve.ui.Window.js - base class for inspector and dialog classes * ve.ui.WindowSet.js - manages mutually exclusive windows, used by surface and context for dialogs and inspectors respectively * ve.ui.DialogFactory - generates dialogs * ve.ui.IconButtonWidget - used in inspector for buttons in the head Refactored classes: * ve.ui.Context - moved inspector management to window set * ve.ui.Frame - made iframes initialize asynchronously * ve.ui.Dialog and ve.ui.Inspector - moved initialization to async initialize method Other interesting bits: ve.ui.*Icons*.css, *.svg, *.png, *.ai * Merged icon stylesheets so all icons are available inside windows * Renamed inspector icon to window ve.ui.*.css * Reorganized styles so that different windows can include only what they need * Moved things to where they belonged (some things were in strange places) ve.init.Target.js, ve.init.mw.ViewPageTarget.js, ve.init.sa.Target.js * Removed dialog management - dialogs are managed by the surface now ve.ui.*Dialog.js * Renamed title message static property * Added registration ve.ui.*Inspector.js * Switch to accept surface object rather than context, which conforms to the more general window class without losing any functionality (in fact, most of the time the surface was what we actually wanted) ve.ui.MenuWidget.js, ve.ui.MWLinkTargetInputWidget.js * Using surface overly rather than passing an overlay around through constructors Change-Id: Ifd16a1003ff44c48ee7b2c66928cf9cc858b2564
2013-03-13 00:06:57 +00:00
<script src="../../modules/ve/ui/widgets/ve.ui.IconButtonWidget.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.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>
Group, Select, Option, Outline and MenuSection widgets Objective: Refactor menu widgets so that the majority of their code can be reused, and then add an outline widget which shares the same base classes. ve.ui.Dialog.css * Make dialog a fixed width and have a minimum and maximum height while always being centered in the window. * Add style for the outline panel * Add border below the title * Move font-size adjustment to child elements to preserve layout scale ve.ui.Inspector.css * Make inspectors fade in when being opened (will happen after the size transition is complete) * Add initial size for inspector to prevent the default size of the unfinished contents from making it too large while loading ve.ui.Tool.css * Update classes according to changes in labeled widgets ve.ui.Widget.css * Add display: block to widget labels to support use of autoEllipsis on them * Update classes according to changes in labeled widgets * Add styles for new select, option and outline item widgets * Remove unused group and items classes for menu widgets (which are now subclasses of the select widget and no longer have grouping built-in) ve.ui.Window.css.js * Moved selection disabling rules up to the head to prevent selection drawing around the title ve.ui.GroupWidget.js * New widget that manages "items", allowing getting, adding, removing and clearing ve.ui.MenuSectionItemWidget.js * New widget that can be used inside a menu to create an unselectable, unhighlightable item that describes a section of the menu ve.ui.OptionWidget.js * New widget to be used with select widgets, provides select and highlight functionality ve.ui.OutlineItemWidget.js * New widget to be used with outline widgets, extends option and adds support for an icon to be rendered to the left of the label ve.ui.OutlineWidget.js * New widget that provides a vertically stacked list of mutually exclusive options, extends select ve.ui.SelectWidget.js * New widget that implements most of what menu once did, only now it also handles all the events for it's child elements internally ve.ui.MetaDialog.js * Hacked in support for an outline widget in the outline pane * Added classes for styling purposes ve.ui.FormatDropDownTool.js * Modified call to menu item constructor as per changes therein * Reorganized options config to make construction simpler * Changed to setLabel after selecting the item to prevent the label from being changed to the wrong value as a side-effect of setting the item ve.ui.DropDownTool.js * Added $$ in config for menu widget - just in case later on we use a drop-down inside of a frame * Using jQuery .text() method to propagate the selected item's text to the label rather than keeping around a plain text copy of the label in a property ve.ui.Context.js * Improve context/inspector behavior in regards to initial sizing ve.ui.js * Added context property to $$ returned by get$$ so it's easy to get the document object (for event binding) wherever you have a $$ ve.ui.Window.js * Fixed incorrect case for boolean type in comment * Added getFrame method ve.ui.ButtonWidget.js * Removed extra class being set on label ve.ui.LabeledWidget.js * Added class on label * Added fitLabel method which uses autoEllipsis internally ve.ui.MenuItemWidget.js * Moved nearly all of the implementation to option so it could be reused ve.ui.Menu.js * Moved most of the implementation to select and group ve.ui.MWLinkTargetInputWidget * Prevent aborting and re-querying if the value hasn't actually changed * Updated populateMenu method as per changes in menu class *.php * Added links to new files Change-Id: I2271b5cc0554973b13cfbff94caf16901c02caa5
2013-03-19 22:59:49 +00:00
<script src="../../modules/ve/ui/widgets/ve.ui.OutlineItemWidget.js"></script>
<script src="../../modules/ve/ui/widgets/ve.ui.OutlineWidget.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.MenuItemWidget.js"></script>
Group, Select, Option, Outline and MenuSection widgets Objective: Refactor menu widgets so that the majority of their code can be reused, and then add an outline widget which shares the same base classes. ve.ui.Dialog.css * Make dialog a fixed width and have a minimum and maximum height while always being centered in the window. * Add style for the outline panel * Add border below the title * Move font-size adjustment to child elements to preserve layout scale ve.ui.Inspector.css * Make inspectors fade in when being opened (will happen after the size transition is complete) * Add initial size for inspector to prevent the default size of the unfinished contents from making it too large while loading ve.ui.Tool.css * Update classes according to changes in labeled widgets ve.ui.Widget.css * Add display: block to widget labels to support use of autoEllipsis on them * Update classes according to changes in labeled widgets * Add styles for new select, option and outline item widgets * Remove unused group and items classes for menu widgets (which are now subclasses of the select widget and no longer have grouping built-in) ve.ui.Window.css.js * Moved selection disabling rules up to the head to prevent selection drawing around the title ve.ui.GroupWidget.js * New widget that manages "items", allowing getting, adding, removing and clearing ve.ui.MenuSectionItemWidget.js * New widget that can be used inside a menu to create an unselectable, unhighlightable item that describes a section of the menu ve.ui.OptionWidget.js * New widget to be used with select widgets, provides select and highlight functionality ve.ui.OutlineItemWidget.js * New widget to be used with outline widgets, extends option and adds support for an icon to be rendered to the left of the label ve.ui.OutlineWidget.js * New widget that provides a vertically stacked list of mutually exclusive options, extends select ve.ui.SelectWidget.js * New widget that implements most of what menu once did, only now it also handles all the events for it's child elements internally ve.ui.MetaDialog.js * Hacked in support for an outline widget in the outline pane * Added classes for styling purposes ve.ui.FormatDropDownTool.js * Modified call to menu item constructor as per changes therein * Reorganized options config to make construction simpler * Changed to setLabel after selecting the item to prevent the label from being changed to the wrong value as a side-effect of setting the item ve.ui.DropDownTool.js * Added $$ in config for menu widget - just in case later on we use a drop-down inside of a frame * Using jQuery .text() method to propagate the selected item's text to the label rather than keeping around a plain text copy of the label in a property ve.ui.Context.js * Improve context/inspector behavior in regards to initial sizing ve.ui.js * Added context property to $$ returned by get$$ so it's easy to get the document object (for event binding) wherever you have a $$ ve.ui.Window.js * Fixed incorrect case for boolean type in comment * Added getFrame method ve.ui.ButtonWidget.js * Removed extra class being set on label ve.ui.LabeledWidget.js * Added class on label * Added fitLabel method which uses autoEllipsis internally ve.ui.MenuItemWidget.js * Moved nearly all of the implementation to option so it could be reused ve.ui.Menu.js * Moved most of the implementation to select and group ve.ui.MWLinkTargetInputWidget * Prevent aborting and re-querying if the value hasn't actually changed * Updated populateMenu method as per changes in menu class *.php * Added links to new files Change-Id: I2271b5cc0554973b13cfbff94caf16901c02caa5
2013-03-19 22:59:49 +00:00
<script src="../../modules/ve/ui/widgets/ve.ui.MenuSectionItemWidget.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.MenuWidget.js"></script>
UI Refactor Changed: VisualEditor.i18n.php * Updated Link inspector i18n messages ve.ui.MetaDialog.js -> ve.ui.PagedDialog * Moved paging functionality into Paged dialog ve.ui.EditorPanelLayout -> ve.ui.PagePanelLayout.js * Renamed from EditorPanelLayout to work nicely with the concept of stacks and pages ve.ui.GroupElement.js * Added addItem method and change addItems to use it ve.ui.Dialog.css * Updated classname as per refactor of meta dialog ve.ui.StackPanelLayout.js * Set currentItem property on showItem * In addItems method, show currentItem with class method ** rather display block on element ve.ui.Layout.css * Make editorPanel layout 100% in width. ve.ui.Widget.css * Added CategoryWidget and CategoryPopup styles * Other adjustments ve.ui.PopupWidget.js * Added auto-close on loss of focus * Made friendly with being initialized inside a frame ve.ui.MWLinkTargetInputWidget.js * Mixin ve.ui.PendingInputWidget and remove pending methods * Prevent querying on spaces * Reintroduce i18n messages for menu sections ve.ui.MenuWidget.js * Update cases of $input config property to input New: ve.ui.PagedDialog.js * Refactored base-class for mwMeta dialog (and probably other dialogs too) * Abstracts adding and accessing pages ve.ui.PendingInputWidget.js * Moved pushPending and popPending methods into pending class Change-Id: I29bcd92b7b5641941a4e98e65b2a56424a5263ff
2013-04-24 19:40:56 +00:00
<script src="../../modules/ve/ui/widgets/ve.ui.PendingInputWidget.js"></script>
ve.ui.LookupWidget Refactoring of externally sourced suggestions for text inputs. *.php * Added links to new file ve.ui.InputLabelWidget.js * Changed to focus input element, not wrapper div ve.ui.InputWidget.js * Fixed incorrect documentation ve.ui.LookupInputWidget.js * New mixing that abstracts placing a menu of options below a text input and filling it with data from an external source ve.ui.MenuWidget.js * Fixed to get reference to input element, no wrapper div ve.ui.MWLinkTargetInputWidget.js * Moved pending and lookup functionality to mixing * Implemented menu population using only matching pages, rather than a combination of that and page existence checks (fewer API calls) ve.ui.TextInputMenuWidget.js * Added configurable container to render underneath, rather than assuming this.input.$ * Added auto-position-on-window-resize functionality * Fixed frame position correction to ensure that it only is used when the overlay is in a different frame from the container to position underneath ve.ui.TextInputWidget.js * Added placeholder text feature Change-Id: If5ed1b64fd15982807691ce8bb0362970633108a
2013-04-29 20:56:24 +00:00
<script src="../../modules/ve/ui/widgets/ve.ui.LookupInputWidget.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.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>
Fieldsets and default sort keys Objective: * Add default sort key field to meta dialog * Replace PagePanelLayout with a generic panel containing one or more FieldsetLayout elements Changes: *.php * Added/removed file links ve.dm.MWDefaultSortMetaItem.js * Added getContent method ve.dm.MetaItem.js * Added replaceWith method ve.dm.MetaList.js * Allow insertion at the end by omitting offset and index ve.dm.MWMetaDialog.js * Added default sort key field * Put category and default sort fields inside fieldsets * Added loading/saving default sort key ve.ui.PagedLayout.js * Changed class used for pages to generic panel layout ve.ui.PagePanelLayout * Moved title/icon stuff to field set ve.ui.FieldsetLayout.js * New class, adds fieldset with legend ve.ui.StackPanelLayout.js * Moved up to the layouts directory ve.ui.Dialog.css * Moved style for paged panel from layout stylesheet ve.ui.Layout.css * Added styles for fieldsets ve.ui.Widget.css * Adjusted margins of input label widgets ve.ui.MWCategoryWidget.js, ve.ui.MWCategoryPopupWidget.js * Added setDefaultSortKey method Change-Id: I979f5e3f08a688790c9f54086206ed1999af13ea
2013-05-03 22:17:35 +00:00
<script src="../../modules/ve/ui/layouts/ve.ui.FieldsetLayout.js"></script>
Added layouts and fixed up dialog styling issues ve.ui.Dialog.css * Fix issue where the use of margin auto on the outer dialog wrapper would expose parts of the underlying content - this is resolved by making the outer wrapper cover the whole screen and making the window frame use margin auto ve.ui.Icons*.css * Added missing settings icon rule ve.ui.Layout.css * Added styles for editor panel ve.ui.Window.css * Removed default height, setting it specifically in inspector now ve.ui.EditorPanelLayout.js * New layout, adds a title and icon above the content ve.ui.TitledEditorLayout.js * Similar to labeled widget, but for panels ve.ui.MetaDialog.js * Using settings icon now * Switched to using a specific layout - still hard-coded for categories ve.ui.Frame.js * Modified style loader to guarantee order of style rules, no matter what order they load in *.php * Moved layouts to be included after widgets so they can use widgets * Added links to new layouts Change-Id: I7ff5f5f095460fd4f6cf841f4182bfb92bf034da
2013-03-26 20:37:55 +00:00
<script src="../../modules/ve/ui/layouts/ve.ui.GridLayout.js"></script>
<script src="../../modules/ve/ui/layouts/ve.ui.PanelLayout.js"></script>
Fieldsets and default sort keys Objective: * Add default sort key field to meta dialog * Replace PagePanelLayout with a generic panel containing one or more FieldsetLayout elements Changes: *.php * Added/removed file links ve.dm.MWDefaultSortMetaItem.js * Added getContent method ve.dm.MetaItem.js * Added replaceWith method ve.dm.MetaList.js * Allow insertion at the end by omitting offset and index ve.dm.MWMetaDialog.js * Added default sort key field * Put category and default sort fields inside fieldsets * Added loading/saving default sort key ve.ui.PagedLayout.js * Changed class used for pages to generic panel layout ve.ui.PagePanelLayout * Moved title/icon stuff to field set ve.ui.FieldsetLayout.js * New class, adds fieldset with legend ve.ui.StackPanelLayout.js * Moved up to the layouts directory ve.ui.Dialog.css * Moved style for paged panel from layout stylesheet ve.ui.Layout.css * Added styles for fieldsets ve.ui.Widget.css * Adjusted margins of input label widgets ve.ui.MWCategoryWidget.js, ve.ui.MWCategoryPopupWidget.js * Added setDefaultSortKey method Change-Id: I979f5e3f08a688790c9f54086206ed1999af13ea
2013-05-03 22:17:35 +00:00
<script src="../../modules/ve/ui/layouts/ve.ui.StackPanelLayout.js"></script>
Introduce dialogs Major changes: demos/ve/index.php * Renamed ve-demo-content to ve-demo-editor ve.init.mw.ViewPageTarget, ve.init.sa.Target * Added handlers for dialog events ve.ui.*Dialog.js * Added skeleton classes for dialogs ve.init.Target.js * Create abstract class methods for Target. ve.init.sa.Target.js * Create Standalone target view methods. ve.init.mw.Target.js * Added MW specific target view methods. * Integration action buttons are now added to the edit view in the toolbar. ve.Surface.js * Simplified constructor, now requiring a target which contains the container * Other changes include some documentation and code cleanup. Bug: 39597 Change-Id: Iff39266bdd3052f34bda254ca407030dbbc81f26
2013-02-20 19:44:44 +00:00
<script src="../../modules/ve/ui/dialogs/ve.ui.ContentDialog.js"></script>
Media dialog support */index.php * Added links to new files VisualEditor.php * Added links to new files * Removed keys of non-existent messages ve.ui.ContentDialog.js, ve.ui.MetaDialog.js * Removed redundant comments ve.ui.MediaDialog.js * New dialog, just for media icons.ai, picture.png, picture.svg, ve.ui.Icons-*.css * Added picture icon ve.ui.MediaButtonTool.js * New button, just for media (shows up in the context toolbar) ve.ui.DialogButtonTool.js * New base class for dialog buttons ve.ui.Context.js * Added basic support for showing dialog buttons, in addition to annotation buttons, in the context toolbar - to test, select only an image node ve.ui.Dialog.js * Prevent clicks on the click-block from changing focus * Moved initialize to below the event handlers and updated its documentation ve.ui.DialogFactory.js * Added a way to get the names of dialogs that can be used to edit a node ve.ui.Inspector.js * Removed close handler which set focus, this is done already in window ve.ui.InspectorFactory.js * Fixed comment so it's not telling lies anymore ve.ui.Window.js * Removed auto-focus on frame, it's changing the focus in the parent document which blows-away the focus in CE, and it really isn't needed as it turns out VisualEditor.18n.php * Added media dialog title message * Added media tool tooltip message Bug: 37870 Change-Id: I9150c46b3e292910fed899fa60d6da433049ca45
2013-03-28 19:15:17 +00:00
<script src="../../modules/ve/ui/dialogs/ve.ui.MediaDialog.js"></script>
UI Refactor Changed: VisualEditor.i18n.php * Updated Link inspector i18n messages ve.ui.MetaDialog.js -> ve.ui.PagedDialog * Moved paging functionality into Paged dialog ve.ui.EditorPanelLayout -> ve.ui.PagePanelLayout.js * Renamed from EditorPanelLayout to work nicely with the concept of stacks and pages ve.ui.GroupElement.js * Added addItem method and change addItems to use it ve.ui.Dialog.css * Updated classname as per refactor of meta dialog ve.ui.StackPanelLayout.js * Set currentItem property on showItem * In addItems method, show currentItem with class method ** rather display block on element ve.ui.Layout.css * Make editorPanel layout 100% in width. ve.ui.Widget.css * Added CategoryWidget and CategoryPopup styles * Other adjustments ve.ui.PopupWidget.js * Added auto-close on loss of focus * Made friendly with being initialized inside a frame ve.ui.MWLinkTargetInputWidget.js * Mixin ve.ui.PendingInputWidget and remove pending methods * Prevent querying on spaces * Reintroduce i18n messages for menu sections ve.ui.MenuWidget.js * Update cases of $input config property to input New: ve.ui.PagedDialog.js * Refactored base-class for mwMeta dialog (and probably other dialogs too) * Abstracts adding and accessing pages ve.ui.PendingInputWidget.js * Moved pushPending and popPending methods into pending class Change-Id: I29bcd92b7b5641941a4e98e65b2a56424a5263ff
2013-04-24 19:40:56 +00:00
<script src="../../modules/ve/ui/dialogs/ve.ui.PagedDialog.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
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>
Media dialog support */index.php * Added links to new files VisualEditor.php * Added links to new files * Removed keys of non-existent messages ve.ui.ContentDialog.js, ve.ui.MetaDialog.js * Removed redundant comments ve.ui.MediaDialog.js * New dialog, just for media icons.ai, picture.png, picture.svg, ve.ui.Icons-*.css * Added picture icon ve.ui.MediaButtonTool.js * New button, just for media (shows up in the context toolbar) ve.ui.DialogButtonTool.js * New base class for dialog buttons ve.ui.Context.js * Added basic support for showing dialog buttons, in addition to annotation buttons, in the context toolbar - to test, select only an image node ve.ui.Dialog.js * Prevent clicks on the click-block from changing focus * Moved initialize to below the event handlers and updated its documentation ve.ui.DialogFactory.js * Added a way to get the names of dialogs that can be used to edit a node ve.ui.Inspector.js * Removed close handler which set focus, this is done already in window ve.ui.InspectorFactory.js * Fixed comment so it's not telling lies anymore ve.ui.Window.js * Removed auto-focus on frame, it's changing the focus in the parent document which blows-away the focus in CE, and it really isn't needed as it turns out VisualEditor.18n.php * Added media dialog title message * Added media tool tooltip message Bug: 37870 Change-Id: I9150c46b3e292910fed899fa60d6da433049ca45
2013-03-28 19:15:17 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.DialogButtonTool.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.InspectorButtonTool.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.IndentationButtonTool.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.ListButtonTool.js"></script>
Update JS and CSS references in demo to point to new location - ve instead of ve2 Change-Id: I7d5c7888ec4c0923a42c25cf86799b0d07427acf
2012-06-20 03:50:57 +00:00
<script src="../../modules/ve/ui/tools/ve.ui.DropdownTool.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
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>
Media dialog support */index.php * Added links to new files VisualEditor.php * Added links to new files * Removed keys of non-existent messages ve.ui.ContentDialog.js, ve.ui.MetaDialog.js * Removed redundant comments ve.ui.MediaDialog.js * New dialog, just for media icons.ai, picture.png, picture.svg, ve.ui.Icons-*.css * Added picture icon ve.ui.MediaButtonTool.js * New button, just for media (shows up in the context toolbar) ve.ui.DialogButtonTool.js * New base class for dialog buttons ve.ui.Context.js * Added basic support for showing dialog buttons, in addition to annotation buttons, in the context toolbar - to test, select only an image node ve.ui.Dialog.js * Prevent clicks on the click-block from changing focus * Moved initialize to below the event handlers and updated its documentation ve.ui.DialogFactory.js * Added a way to get the names of dialogs that can be used to edit a node ve.ui.Inspector.js * Removed close handler which set focus, this is done already in window ve.ui.InspectorFactory.js * Fixed comment so it's not telling lies anymore ve.ui.Window.js * Removed auto-focus on frame, it's changing the focus in the parent document which blows-away the focus in CE, and it really isn't needed as it turns out VisualEditor.18n.php * Added media dialog title message * Added media tool tooltip message Bug: 37870 Change-Id: I9150c46b3e292910fed899fa60d6da433049ca45
2013-03-28 19:15:17 +00:00
<script src="../../modules/ve/ui/tools/buttons/ve.ui.MediaButtonTool.js"></script>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
2012-10-24 21:49:08 +00:00
<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>
Tools changes * Rewrite of all tools, dramatically simplifiying them and decreasing duplication * Tools are now created using a tool factory instead of a make-shift facility built into the toolbar * All UI object have a surface or a toolbar reference instead of a surface view Change-Id: I589ecba36bf715b452d03c8fd5c0547dc3c1dc61
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>
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
<script src="../../modules/ve/ui/tools/dropdowns/ve.ui.MWFormatDropdownTool.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>
makeStaticLoader: Implement --write-file option Takes a path as input, reads it in and replaces the "Generated by" sections and writes it back to disk. : Change-Id: Idd68032ba5b621958a353582ea994acd0c4cfbd3
2013-04-30 14:09:18 +00:00
<!-- ext.visualEditor.experimental -->
<script src="../../modules/ve/dm/nodes/ve.dm.MWInlineImageNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.MWBlockImageNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.MWImageCaptionNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.MWTemplateNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.MWReferenceListNode.js"></script>
<script src="../../modules/ve/dm/nodes/ve.dm.MWReferenceNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.MWInlineImageNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.MWBlockImageNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.MWImageCaptionNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.MWTemplateNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.MWReferenceListNode.js"></script>
<script src="../../modules/ve/ce/nodes/ve.ce.MWReferenceNode.js"></script>
Reference dialog Objective: Add a basic (empty) dialog for mediawiki references. Editor to follow. Changes: *.php * Added file links and messages ve.ui.MWMetaDialog.js * Moved initialize method to the top (for consistent ordering) ve.ui.MWReferenceDialog.js * New class, basic empty dialog for references ve.ui.LinkInspector.js, ve.ui.MWLinkInspector.js, ve.ui.MediaButtonTool.js * Cleanup documentation * Whitespace icons.ai, reference.png, reference.svg * Switch to reference icon being 3 books on a shelf ve.ui.MWReferenceButtonTool.js * New class, basic dialog button for references Change-Id: Ia4e30e9239fa1e3b28c0a1ef1ca0a6515a8103ef
2013-05-07 23:00:23 +00:00
<script src="../../modules/ve/ui/tools/buttons/ve.ui.MWReferenceButtonTool.js"></script>
<script src="../../modules/ve/ui/dialogs/ve.ui.MWReferenceDialog.js"></script>
Layouts, grids and panels Layouts * Makes widget inherit from element * Adds layout which also inherits from element * Adds grid and panel layouts * Uses grid layout in meta dialog Other changes * Corrects issues with several of the stand-alone files by fixing and using makeStaticLoader.php Change-Id: I6b92c0204e176c914c26eff8c03ea417578e080c
2013-03-15 00:01:01 +00:00
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
<!-- demo -->
<script>
Introduce dialogs Major changes: demos/ve/index.php * Renamed ve-demo-content to ve-demo-editor ve.init.mw.ViewPageTarget, ve.init.sa.Target * Added handlers for dialog events ve.ui.*Dialog.js * Added skeleton classes for dialogs ve.init.Target.js * Create abstract class methods for Target. ve.init.sa.Target.js * Create Standalone target view methods. ve.init.mw.Target.js * Added MW specific target view methods. * Integration action buttons are now added to the edit view in the toolbar. ve.Surface.js * Simplified constructor, now requiring a target which contains the container * Other changes include some documentation and code cleanup. Bug: 39597 Change-Id: Iff39266bdd3052f34bda254ca407030dbbc81f26
2013-02-20 19:44:44 +00:00
$( document ).ready( function () {
Floating toolbar cleanup Objective: Move toolbar floating functionality to ve.init and clean it up As a bonus: demo.css * Fix CSS path to set width of inputs properly Changes: demos/ve/index.php * Allow ve.init.sa.Target to construct it's own surface object ve.ce.Surface.js * Move object resizing and table editing disabling commands from ve.Surface * Add method for getting the currently focused node ve.init.mw.ViewPageTarget.js * Remove initializing surface property (now done in parent class) * Normalize all uses of "setup" to "setUp" * Replace uses of getDocumentModel with getModel().getDocument() * Add calls to set up and tear down for toolbar floating ve.init.mw.Target.js * Replace uses of getDocumentModel with getModel().getDocument() ve.init.sa.Target.js * Move example from ve.Surface * Change constructor to accept document model * Create ve.Surface object in constructor * Add set up for toolbar floating ve.ui.init.Target.js * Initialize surface property * Move and cleanup toolbar floating functionality from ve.Surface ve.ui.Surface.js * Remove example now that init.sa creates it's own surface (moved) * Document options * Simplify toolbar options and remove the concept of multiple toolbars * No longer cache the options object * Move toolbar initialization to constructor * Change setupCommands to addCommands, making it useful after construction * Inline selection initialization * Move and cleanup toolbar floating functionality to ve.ce.Surface * Reorganize a few methods * Move toolbar floating to ve.init.Target.js Change-Id: I393a426e35567d57c048122bf64a83c1ef45e6e8
2013-05-10 00:17:51 +00:00
new ve.init.sa.Target(
$( '.ve-demo-editor' ),
Make the converter work with full HTML documents rather than fragments The Parsoid output will also be expected to be a full HTML document. For backwards compatibility, we allow for the Parsoid output to be a document fragment as well. We don't send a full document back yet, also for b/c -- we'll change this later once Parsoid has been updated in production. ve.dm.Converter.js: * Make getDataFromDom() accept a document rather than a node ** Split off the recursion (which does use nodes) into its own function ** For now we just convert the <body>. In the future, we'll want to do things with the <head> as well * Pass the document around so we can use it when creating elements * Make getDomFromData() return a document rather than a <div> ve.init.mw.Target.js: * Store a document (this.doc) rather than a DOM node (this.dom) * Pass around documents rather than DOM nodes * Detect whether the Parsoid output is an HTML document or a fragment using a hacky regex * When submitting to Parsoid, submit the innerHTML of the <body> ve.init.mw.ViewPageTarget.js: * s/dom/doc/ * Store body.innerHTML in this.originalHtml ve.Surface.js: * s/dom/doc/ demos/ve/index.php: * Don't wrap HTML in <div> * Pass HTML document rather than DOM node to ve.Surface ve.dm.Converter.test.js: * Construct a document from the test HTML, rather than a <div> ve.dm.example.js: * Wrap the HTML in the converter test cases in <body> tags to prevent misinterpretation (HTML fragments starting with comments, <meta>, <link> and whitespace are problematic) Change-Id: I82fdad0a099febc5e658486cbf8becfcdbc85a2d
2013-02-11 19:46:58 +00:00
ve.createDocumentFromHTML( <?php echo json_encode( $html ) ?> )
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
);
$( '.ve-ce-documentNode' ).focus();
Remove auto-open of meta dialog This was accidentally introduced in I7ff5f5f095460fd4f6cf841f4182bfb92bf034da Change-Id: I9266346ff43897e3e7789fd8224628422bc903c6
2013-03-28 17:00:27 +00:00
//ve.instances[0].dialogs.open( 'meta' );
Removed Special:VisualEditorSandbox and refactored demo Also renamed ext.visualEditor.editPageInit to ext.visualEditor.viewPageTarget Change-Id: I8bdd04b3442067e87bccbc60dd4947aae1c7dfd2
2012-06-28 09:52:03 +00:00
} );
</script>
Added very simple "debug" tool to demo page. Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
2012-07-24 23:44:06 +00:00
Add user interface widgets * New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
2013-02-14 02:04:04 +00:00
<div class="ve-demo-utilities">
<p>
<div class="ve-demo-utilities-commands"></div>
</p>
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
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>
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
</table>
Added very simple "debug" tool to demo page. Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
2012-07-24 23:44:06 +00:00
</div>
<script>
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$( function () {
Add user interface widgets * New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
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' } );
Add user interface widgets * New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
2013-02-14 02:04:04 +00:00
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
// Initialization
Add user interface widgets * New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
2013-02-14 02:04:04 +00:00
$( '.ve-demo-utilities-commands' ).append(
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
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.$,
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
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.$,
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
endTextInput.$,
logRangeButton.$,
$( '<span class="ve-demo-utilities-commands-divider">&nbsp;</span>' ),
dumpModelButton.$,
validateButton.$
Add user interface widgets * New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
2013-02-14 02:04:04 +00:00
);
// Events
getRangeButton.on( 'click', function () {
var range = ve.instances[0].view.model.getSelection();
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
startTextInput.setValue( range.start );
endTextInput.setValue( range.end );
logRangeButton.setDisabled( false );
Created simple debug tool - that compares data between DOM and Model - very useful while working on SurfaceObserver and text insertion stuff. Change-Id: Id30513fc64a947ab7ef0474882ace750f41624b8
2012-10-10 21:18:01 +00:00
} );
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
logRangeButton.on( 'click', function () {
var start = startTextInput.getValue(),
end = endTextInput.getValue();
Add user interface widgets * New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
2013-02-14 02:04:04 +00:00
// TODO: Validate input
console.dir( ve.instances[0].view.documentView.model.data.slice( start, end ) );
} );
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
dumpModelButton.on( 'click', function () {
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
// linear model dump
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
var $ol = $('<ol start="0"></ol>'),
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
$li,
element,
html,
annotations;
for ( var i = 0; i < ve.instances[0].documentModel.data.length; i++ ) {
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$li = $('<li>');
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$label = $( '<span>' );
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
element = ve.instances[0].documentModel.data[i];
Show annotations on nodes in demo debugger Change-Id: I41948e8549345c713f1bd0762b08807b8f7617da
2012-11-23 20:12:48 +00:00
if ( element.type ) {
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$label.addClass( 've-demo-dump-element' );
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
text = element.type;
Show annotations on nodes in demo debugger Change-Id: I41948e8549345c713f1bd0762b08807b8f7617da
2012-11-23 20:12:48 +00:00
annotations = element.annotations;
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
} else if ( element.length > 1 ){
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$label.addClass( 've-demo-dump-achar' );
Show annotations on nodes in demo debugger Change-Id: I41948e8549345c713f1bd0762b08807b8f7617da
2012-11-23 20:12:48 +00:00
text = element[0];
annotations = element[1];
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
} else {
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$label.addClass( 've-demo-dump-char' );
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
text = element;
Show annotations on nodes in demo debugger Change-Id: I41948e8549345c713f1bd0762b08807b8f7617da
2012-11-23 20:12:48 +00:00
annotations = undefined;
}
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$label.html( ( text.match( /\S/ ) ? text : '&nbsp;' ) + ' ' );
Show annotations on nodes in demo debugger Change-Id: I41948e8549345c713f1bd0762b08807b8f7617da
2012-11-23 20:12:48 +00:00
if ( annotations ) {
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$label.append(
$( '<span>' ).text(
'[' + annotations.get().map( function( ann ) {
return ann.name;
} ).join(', ') + ']'
)
);
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
}
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$li.append( $label );
$ol.append( $li );
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
}
$('#ve-linear-model-dump').html($ol);
// tree dump
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
var getKids = function ( obj ) {
var $ol = $('<ol start="0"></ol>'),
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
2012-08-23 22:07:32 +00:00
$li;
for( var i = 0; i < obj.children.length; i++ ) {
Fix path issues with missing files, inconsistent subset in demo, test & mediawiki. * CenterNode missing in ResourceLoader registry * UI classes and rangy not in static test/index.html * Transaction and TransactionProcessor listed twice Added a maintenance script that generates the <script> and <link> tags for all files in the same order everywhere. Change-Id: I5d22d33769b4e356e8065d295505f6f9a8b0bea8
2012-10-16 14:03:26 +00:00
$li = $('<li>');
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$label = $( '<span>' ).addClass( 've-demo-dump-element' );
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
if ( obj.children[i].length !== undefined ) {
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$li.append(
$label
.text( obj.children[i].type )
.append(
$( '<span>' ).text( ' (' + obj.children[i].length + ')' )
)
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
);
} else {
Modify styles, add disabled and read-only for widgets demos/ve/demo.css, demos/ve/index.php * Style changes for utilities and dump output * Initially disable the log range button, activate when there's a range to log * Make range inputs read-only * Rename some widget variables * Add extra structure and classes to dump output ve.ui.Widget.css * Remove left/right margin for buttons * Simplify opaque white color * Modify selector for disabled buttons - see changes in ve.ui.Widget.js * Added styles for text input widget's readonly and disabled states ve.ui.Widget.js * Added disabled state ve.ui.ButtonWidget.js * Moved click event handler to method ve.ui.InputLabelWidget.js * Moved click event handler to method ve.ui.InputWidget.js * Moved input change event handler to method * Added readOnly state ve.ui.LinkTargetInputWidget.js * Corrected documentation ve.ui.MenuWidget.js * Blocked interaction while widget is disabled ve.ui.MWLinkTargetInputWidget.js * Corrected documentation * Blocked interaction while widget is disabled ve.ui.TextInputMenuWidget.js * Blocked interaction while widget is disabled Change-Id: I7ea89873b50a98d058d1dd1e309e3e8b7c8e7b2e
2013-02-14 21:41:59 +00:00
$li.append( $label.text( obj.children[i].type ) );
Display the lengths of model nodes in the demo debugging thingy Also use .text() instead of .html() where appropriate Change-Id: I9dcfd9c11c5c01f1459c48c8993c155203c94b13
2012-11-21 20:58:52 +00:00
}
Very simple (and a little bit messy) debug tool that dumps not HTML table linear model, view tree and model tree. Change-Id: I625047fbb99c0d63e1ac6865b7e9cddf4ab72a2e
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();
Added very simple "debug" tool to demo page. Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
2012-07-24 23:44:06 +00:00
} );
Add user interface widgets * New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
2013-02-14 02:04:04 +00:00
validateButton.on( 'click', function () {
var failed = false;
$('.ve-ce-branchNode').each( function ( index, element ) {
Add ve.ce.View as a common base class for ce.Node and ce.Annotation Just like ve.dm.Model is a common base class for dm.Node, dm.Annotation and dm.MetaItem. ce.View abstracts the this.model and this.$ behavior, including liveness, whitelisted HTML attribute rendering and adding a back reference in .data(). The back reference has been renamed from .data( 'node' ) to the more generic .data( 'view' ). At this point this means ce.Annotation is just a shell around ce.View (except where it defaults to a span rather than a div), but that could change in the future. Change-Id: I0eef5b80718e0b0fcd3f8bba096b452f0bb680d0
2013-04-02 19:33:22 +00:00
var $element = $( element ),
view = $element.data( 'view' );
Add user interface widgets * New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
2013-02-14 02:04:04 +00:00
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' );
}
Added very simple "debug" tool to demo page. Change-Id: I3df694187089ac4caa2287b55e3a51755cdec2c7
2012-07-24 23:44:06 +00:00
} );
} );
</script>
svn:eol-style native
2012-02-07 19:13:19 +00:00
</body>
</html>
Reference in a new issue Copy permalink