2012-06-28 09:52:03 +00:00
|
|
|
<?php
|
2012-07-19 21:25:16 +00:00
|
|
|
/**
|
|
|
|
|
* VisualEditor standalone demo
|
|
|
|
|
*
|
|
|
|
|
* @file
|
|
|
|
|
* @ingroup Extensions
|
2013-02-19 23:37:34 +00:00
|
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
2012-07-19 21:25:16 +00:00
|
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
|
|
|
*/
|
|
|
|
|
|
2012-12-04 07:54:49 +00:00
|
|
|
$path = __DIR__ . '/pages';
|
2012-07-19 21:25:16 +00:00
|
|
|
$pages = glob( $path . '/*.html' );
|
|
|
|
|
$page = current( $pages );
|
|
|
|
|
if ( isset( $_GET['page'] ) && in_array( $path . '/' . $_GET['page'] . '.html', $pages ) ) {
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
$page = $path . '/' . $_GET['page'] . '.html';
|
2012-07-19 21:25:16 +00:00
|
|
|
}
|
2013-02-11 19:46:58 +00:00
|
|
|
$html = file_get_contents( $page );
|
2012-07-19 21:25:16 +00:00
|
|
|
|
2012-06-28 09:52:03 +00:00
|
|
|
?>
|
2012-02-07 19:13:19 +00:00
|
|
|
<!DOCTYPE html>
|
2013-05-14 23:45:42 +00:00
|
|
|
|
2012-02-07 19:13:19 +00:00
|
|
|
<html>
|
|
|
|
|
<head>
|
2012-10-16 14:03:26 +00:00
|
|
|
<meta charset="UTF-8">
|
2012-06-28 09:52:03 +00:00
|
|
|
<title>VisualEditor Standalone Demo</title>
|
2012-10-16 14:03:26 +00:00
|
|
|
|
2013-04-02 21:56:25 +00:00
|
|
|
<!-- Generated by maintenance/makeStaticLoader.php -->
|
2013-10-09 20:09:59 +00:00
|
|
|
<!-- oojs-ui -->
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Dialog.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Element.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Frame.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Inspector.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Layout.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Toolbar.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.ToolGroup.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Widget.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/oojs-ui/styles/OO.ui.Window.css">
|
2013-04-03 03:47:40 +00:00
|
|
|
<!-- ext.visualEditor.base#standalone-init -->
|
2012-10-16 14:03:26 +00:00
|
|
|
<link rel=stylesheet href="../../modules/ve/init/sa/styles/ve.init.sa.css">
|
2013-03-15 00:01:01 +00:00
|
|
|
<script>
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
if (
|
|
|
|
|
document.createElementNS &&
|
|
|
|
|
document.createElementNS( 'http://www.w3.org/2000/svg', 'svg' ).createSVGRect
|
|
|
|
|
) {
|
|
|
|
|
document.write(
|
2013-10-09 20:09:59 +00:00
|
|
|
'<link rel="stylesheet" ' +
|
|
|
|
|
'href="../../modules/oojs-ui/styles/OO.ui.Icons-vector.css">' +
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
'<link rel="stylesheet" ' +
|
|
|
|
|
'href="../../modules/ve/ui/styles/ve.ui.Icons-vector.css">'
|
|
|
|
|
);
|
2013-03-15 00:01:01 +00:00
|
|
|
} else {
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
document.write(
|
2013-10-09 20:09:59 +00:00
|
|
|
'<link rel="stylesheet" ' +
|
|
|
|
|
'href="../../modules/oojs-ui/styles/OO.ui.Icons-raster.css">' +
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
'<link rel="stylesheet" ' +
|
|
|
|
|
'href="../../modules/ve/ui/styles/ve.ui.Icons-raster.css">'
|
|
|
|
|
);
|
2013-03-15 00:01:01 +00:00
|
|
|
}
|
|
|
|
|
</script>
|
2012-10-16 14:03:26 +00:00
|
|
|
<!-- ext.visualEditor.core -->
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ce/styles/ve.ce.Node.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ce/styles/ve.ce.Surface.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Context.css">
|
2013-10-09 20:09:59 +00:00
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Surface.css">
|
2013-03-15 00:01:01 +00:00
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.Tool.css">
|
2013-10-15 23:42:20 +00:00
|
|
|
<link rel=stylesheet href="../../modules/ve/ui/styles/ve.ui.SurfaceToolbar.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">
|
2013-08-29 00:34:12 +00:00
|
|
|
<!-- jquery.uls.grid -->
|
|
|
|
|
<link rel=stylesheet href="../../modules/jquery.uls/css/jquery.uls.grid.css">
|
|
|
|
|
<!-- jquery.uls.compact -->
|
|
|
|
|
<link rel=stylesheet href="../../modules/jquery.uls/css/jquery.uls.compact.css">
|
|
|
|
|
<!-- jquery.uls -->
|
|
|
|
|
<link rel=stylesheet href="../../modules/jquery.uls/css/jquery.uls.css">
|
|
|
|
|
<link rel=stylesheet href="../../modules/jquery.uls/css/jquery.uls.lcd.css">
|
2012-10-16 14:03:26 +00:00
|
|
|
|
2012-06-28 09:52:03 +00:00
|
|
|
<!-- demo -->
|
|
|
|
|
<link rel="stylesheet" href="demo.css">
|
2012-02-07 19:13:19 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2012-06-28 09:52:03 +00:00
|
|
|
<ul class="ve-demo-docs">
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
<?php
|
|
|
|
|
foreach ( $pages as $page ): ?>
|
2012-06-28 09:52:03 +00:00
|
|
|
<li>
|
|
|
|
|
<a href="./?page=<?php echo basename( $page, '.html' ); ?>">
|
|
|
|
|
<?php echo basename( $page, '.html' ); ?>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
2013-05-29 14:49:16 +00:00
|
|
|
<?php
|
|
|
|
|
endforeach; ?>
|
2012-06-28 09:52:03 +00:00
|
|
|
</ul>
|
2013-02-20 19:44:44 +00:00
|
|
|
<div class="ve-demo-editor"></div>
|
2012-02-07 19:13:19 +00:00
|
|
|
|
2013-04-02 21:56:25 +00:00
|
|
|
<!-- Generated by maintenance/makeStaticLoader.php -->
|
2012-10-16 14:03:26 +00:00
|
|
|
<!-- Dependencies -->
|
2012-02-07 19:13:19 +00:00
|
|
|
<script src="../../modules/jquery/jquery.js"></script>
|
2013-04-26 21:40:03 +00:00
|
|
|
<script src="../../modules/jquery/jquery.client.js"></script>
|
2013-10-15 23:16:06 +00:00
|
|
|
<script src="../../modules/oojs/oojs.js"></script>
|
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>
|
2013-03-18 11:31:14 +00:00
|
|
|
<script src="../../modules/unicodejs/unicodejs.js"></script>
|
|
|
|
|
<script src="../../modules/unicodejs/unicodejs.textstring.js"></script>
|
2013-06-15 12:52:08 +00:00
|
|
|
<script src="../../modules/unicodejs/unicodejs.graphemebreakproperties.js"></script>
|
|
|
|
|
<script src="../../modules/unicodejs/unicodejs.graphemebreak.js"></script>
|
2013-06-07 01:30:44 +00:00
|
|
|
<script src="../../modules/unicodejs/unicodejs.wordbreakproperties.js"></script>
|
2013-03-18 11:31:14 +00:00
|
|
|
<script src="../../modules/unicodejs/unicodejs.wordbreak.js"></script>
|
2013-10-09 20:09:59 +00:00
|
|
|
<!-- oojs-ui -->
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Element.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Window.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.WindowSet.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Dialog.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.DialogFactory.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Frame.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Inspector.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.InspectorFactory.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Layout.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Widget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.ClippableElement.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.FlaggableElement.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.GroupElement.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.IconedElement.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.LabeledElement.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/elements/OO.ui.PopuppableElement.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Tool.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.Toolbar.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.ToolFactory.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/OO.ui.ToolGroup.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.FieldsetLayout.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.GridLayout.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.PagedLayout.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.PagedOutlineLayout.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.PanelLayout.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/layouts/OO.ui.StackPanelLayout.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/toolgroups/OO.ui.BarToolGroup.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/toolgroups/OO.ui.PopupToolGroup.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/toolgroups/OO.ui.ListToolGroup.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/toolgroups/OO.ui.MenuToolGroup.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.ButtonWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.IconButtonWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.InputWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.InputLabelWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.LookupInputWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.OptionWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.SelectWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.MenuItemWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.MenuWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.MenuSectionItemWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.OutlineWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.OutlineControlsWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.OutlineItemWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.PopupWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.PopupButtonWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.PushButtonWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.SearchWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.TextInputWidget.js"></script>
|
|
|
|
|
<script src="../../modules/oojs-ui/widgets/OO.ui.TextInputMenuWidget.js"></script>
|
2013-04-03 03:47:40 +00:00
|
|
|
<!-- ext.visualEditor.base#standalone-init -->
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ve.js"></script>
|
2013-08-29 00:34:12 +00:00
|
|
|
<script src="../../modules/ve/ve.track.js"></script>
|
2012-10-16 14:03:26 +00:00
|
|
|
<script src="../../modules/ve/init/ve.init.js"></script>
|
|
|
|
|
<script src="../../modules/ve/init/ve.init.Platform.js"></script>
|
2013-02-20 19:44:44 +00:00
|
|
|
<script src="../../modules/ve/init/ve.init.Target.js"></script>
|
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>
|
2013-02-20 19:44:44 +00:00
|
|
|
<script src="../../modules/ve/init/sa/ve.init.sa.Target.js"></script>
|
2013-04-03 03:47:40 +00:00
|
|
|
<script src="../../modules/ve/ve.debug.js"></script>
|
2012-12-04 07:54:49 +00:00
|
|
|
<script>
|
|
|
|
|
<?php
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
require '../../modules/../VisualEditor.i18n.php';
|
|
|
|
|
echo 've.init.platform.addMessages( ' . json_encode( $messages['en'] ) . " );\n";
|
2012-12-04 07:54:49 +00:00
|
|
|
?>
|
2013-04-10 17:18:39 +00:00
|
|
|
ve.init.platform.setModulesUrl( '../../modules' );
|
2012-12-04 07:54:49 +00:00
|
|
|
</script>
|
2012-10-16 14:03:26 +00:00
|
|
|
<!-- ext.visualEditor.core -->
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ve.Range.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.Node.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.BranchNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.LeafNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.Document.js"></script>
|
2013-08-30 16:12:49 +00:00
|
|
|
<script src="../../modules/ve/ve.EventSequencer.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.js"></script>
|
2013-04-02 18:28:42 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.Model.js"></script>
|
2013-01-18 05:29:01 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.ModelRegistry.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.NodeFactory.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.AnnotationFactory.js"></script>
|
2013-03-20 22:35:05 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.AnnotationSet.js"></script>
|
2013-02-21 23:01:04 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.MetaItemFactory.js"></script>
|
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>
|
2013-04-17 17:53:26 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.InternalList.js"></script>
|
2013-02-21 23:01:04 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.MetaItem.js"></script>
|
2013-03-15 04:07:23 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.MetaList.js"></script>
|
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>
|
2012-10-12 23:36:55 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.SurfaceFragment.js"></script>
|
2013-03-18 11:31:14 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.DataString.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.Document.js"></script>
|
2013-03-20 22:35:05 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.LinearData.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.DocumentSynchronizer.js"></script>
|
2013-03-20 22:35:05 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.IndexValueStore.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/ve.dm.Converter.js"></script>
|
2013-10-03 11:32:02 +00:00
|
|
|
<script src="../../modules/ve/dm/lineardata/ve.dm.SlicedLinearData.js"></script>
|
2013-10-04 11:57:03 +00:00
|
|
|
<script src="../../modules/ve/dm/lineardata/ve.dm.FlatLinearData.js"></script>
|
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>
|
2013-04-03 18:21:10 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.GeneratedContentNode.js"></script>
|
2013-01-25 04:09:53 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.AlienNode.js"></script>
|
2012-08-08 23:06:20 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.BreakNode.js"></script>
|
2012-08-22 19:51:33 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.CenterNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DefinitionListItemNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DefinitionListNode.js"></script>
|
2013-05-01 01:32:06 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DivNode.js"></script>
|
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>
|
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>
|
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>
|
2013-04-25 22:24:37 +00:00
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableCaptionNode.js"></script>
|
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>
|
|
|
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.LinkAnnotation.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.TextStyleAnnotation.js"></script>
|
2013-02-21 23:01:04 +00:00
|
|
|
<script src="../../modules/ve/dm/metaitems/ve.dm.AlienMetaItem.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.js"></script>
|
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>
|
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>
|
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>
|
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>
|
2012-11-27 00:35:12 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.ContentBranchNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.LeafNode.js"></script>
|
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>
|
2013-05-14 23:45:42 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.FocusableNode.js"></script>
|
2013-04-15 17:54:49 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.RelocatableNode.js"></script>
|
2013-04-18 01:07:59 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.ResizableNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.Surface.js"></script>
|
2012-10-04 19:54:39 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.SurfaceObserver.js"></script>
|
2013-04-03 18:21:10 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.GeneratedContentNode.js"></script>
|
2012-11-15 23:33:09 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.AlienNode.js"></script>
|
2012-08-08 23:06:20 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.BreakNode.js"></script>
|
2012-10-17 20:12:37 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.CenterNode.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DefinitionListItemNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DefinitionListNode.js"></script>
|
2013-05-01 01:32:06 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DivNode.js"></script>
|
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>
|
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>
|
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>
|
2013-04-25 22:24:37 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableCaptionNode.js"></script>
|
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>
|
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.TextStyleAnnotation.js"></script>
|
2012-06-20 03:50:57 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.js"></script>
|
2013-05-14 23:45:42 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.Surface.js"></script>
|
2012-10-24 22:20:41 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.Context.js"></script>
|
2013-10-04 17:51:44 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.SurfaceWindowSet.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.SurfaceInspector.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.SurfaceDialog.js"></script>
|
2013-08-01 22:01:43 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.SurfaceToolbar.js"></script>
|
2013-09-06 00:10:06 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.TargetToolbar.js"></script>
|
2013-05-14 23:45:42 +00:00
|
|
|
<script src="../../modules/ve/ui/ve.ui.CommandRegistry.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Trigger.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.TriggerRegistry.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Action.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.ActionFactory.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/actions/ve.ui.AnnotationAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/actions/ve.ui.ContentAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/actions/ve.ui.FormatAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/actions/ve.ui.HistoryAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/actions/ve.ui.IndentationAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/actions/ve.ui.InspectorAction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/actions/ve.ui.ListAction.js"></script>
|
2013-07-17 19:09:30 +00:00
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.SurfaceWidget.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.LinkTargetInputWidget.js"></script>
|
2013-08-27 23:28:29 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.AnnotationTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ClearAnnotationTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.DialogTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.FormatTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.HistoryTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.IndentationTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.InspectorTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ListTool.js"></script>
|
2013-07-03 20:25:06 +00:00
|
|
|
<script src="../../modules/ve/ui/inspectors/ve.ui.AnnotationInspector.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>
|
2013-08-29 00:34:12 +00:00
|
|
|
<!-- jquery.uls.data -->
|
|
|
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.data.js"></script>
|
|
|
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.data.utils.js"></script>
|
|
|
|
|
<!-- jquery.uls -->
|
|
|
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.core.js"></script>
|
|
|
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.lcd.js"></script>
|
|
|
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.languagefilter.js"></script>
|
|
|
|
|
<script src="../../modules/jquery.uls/src/jquery.uls.regionfilter.js"></script>
|
2013-10-21 22:30:49 +00:00
|
|
|
<!-- ext.visualEditor.language -->
|
2013-07-18 02:19:42 +00:00
|
|
|
<script src="../../modules/ve/dm/annotations/ve.dm.LanguageAnnotation.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/annotations/ve.ce.LanguageAnnotation.js"></script>
|
2013-08-29 00:34:12 +00:00
|
|
|
<script src="../../modules/ve/ui/inspectors/ve.ui.LanguageInspector.js"></script>
|
2013-10-21 22:30:49 +00:00
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.LanguageInspectorTool.js"></script>
|
2013-08-29 00:34:12 +00:00
|
|
|
<script src="../../modules/ve/ui/widgets/ve.ui.LanguageInputWidget.js"></script>
|
2013-03-15 00:01:01 +00:00
|
|
|
|
2012-06-28 09:52:03 +00:00
|
|
|
<!-- demo -->
|
|
|
|
|
<script>
|
2013-02-20 19:44:44 +00:00
|
|
|
$( document ).ready( function () {
|
2013-05-10 00:17:51 +00:00
|
|
|
new ve.init.sa.Target(
|
|
|
|
|
$( '.ve-demo-editor' ),
|
2013-05-28 14:25:26 +00:00
|
|
|
ve.createDocumentFromHtml( <?php echo json_encode( $html ) ?> )
|
2012-06-28 09:52:03 +00:00
|
|
|
);
|
|
|
|
|
$( '.ve-ce-documentNode' ).focus();
|
2013-08-27 23:28:29 +00:00
|
|
|
// ve.instances[0].getDialogs().open( 'meta' );
|
2012-06-28 09:52:03 +00:00
|
|
|
} );
|
|
|
|
|
</script>
|
2012-07-24 23:44:06 +00:00
|
|
|
|
2013-02-14 02:04:04 +00:00
|
|
|
<div class="ve-demo-utilities">
|
|
|
|
|
<p>
|
|
|
|
|
<div class="ve-demo-utilities-commands"></div>
|
|
|
|
|
</p>
|
2013-02-14 21:41:59 +00:00
|
|
|
<table id="ve-dump" class="ve-demo-dump">
|
|
|
|
|
<thead>
|
|
|
|
|
<th>Linear model</th>
|
|
|
|
|
<th>View tree</th>
|
|
|
|
|
<th>Model tree</th>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td width="30%" id="ve-linear-model-dump"></td>
|
|
|
|
|
<td id="ve-view-tree-dump" style="vertical-align: top;"></td>
|
|
|
|
|
<td id="ve-model-tree-dump" style="vertical-align: top;"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
2012-08-23 22:07:32 +00:00
|
|
|
</table>
|
2012-07-24 23:44:06 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script>
|
2012-10-16 14:03:26 +00:00
|
|
|
$( function () {
|
2013-02-14 02:04:04 +00:00
|
|
|
|
|
|
|
|
// Widgets
|
2013-10-09 20:09:59 +00:00
|
|
|
var startTextInput = new OO.ui.TextInputWidget( { 'readOnly': true } ),
|
|
|
|
|
endTextInput = new OO.ui.TextInputWidget( { 'readOnly': true } ),
|
|
|
|
|
startTextInputLabel = new OO.ui.InputLabelWidget(
|
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
|
|
|
{ 'label': 'Start', 'input': startTextInput }
|
|
|
|
|
),
|
2013-10-09 20:09:59 +00:00
|
|
|
endTextInputLabel = new OO.ui.InputLabelWidget(
|
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
|
|
|
{ 'label': 'End', 'input': endTextInput }
|
|
|
|
|
),
|
2013-10-09 20:09:59 +00:00
|
|
|
getRangeButton = new OO.ui.PushButtonWidget( { 'label': 'Get selected range' } ),
|
|
|
|
|
logRangeButton = new OO.ui.PushButtonWidget(
|
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
|
|
|
{ 'label': 'Log to console', 'disabled': true }
|
|
|
|
|
),
|
2013-10-09 20:09:59 +00:00
|
|
|
dumpModelButton = new OO.ui.PushButtonWidget( { 'label': 'Dump model' } ),
|
|
|
|
|
validateButton = new OO.ui.PushButtonWidget( { 'label': 'Validate view and model' } );
|
2013-02-14 02:04:04 +00:00
|
|
|
|
2013-02-14 21:41:59 +00:00
|
|
|
// Initialization
|
2013-02-14 02:04:04 +00:00
|
|
|
$( '.ve-demo-utilities-commands' ).append(
|
2013-02-14 21:41:59 +00:00
|
|
|
getRangeButton.$,
|
Major UI refactoring and improvements
Objective:
Refactor UI widgets, improve usability and accessibility of menus, general cleanup and style improvements.
Extras:
Fixed documentation in a few other files to make descriptions of jQuery event arguments more consistent, classes inherit correctly, and made use of the @cfg functionality in jsduck.
Changes:
.docs/config.json
* Added window, HTMLDocument, HTMLElement, DocumentFragment and XMLHttpRequest to externals, so jsduck doesn't throw warnings when they are used
demos/ve/index.php, modules/ve/test/index.php, VisualEditor.php
* Moved widgets above tools (since tools use widgets)
demos/ve/index.php
* Refactored widget initialization to use options
* Renamed variables to match widget names
ve.init.mw.ViewPageTarget.css
* Adjusted text sizes to make widgets work normally
* Added margins for buttons in toolbar (since button widgets
don't have any)
* Removed styles for init buttons (button widgets now)
ve.init.mw.ViewPageTarget.js
* Switched to using button widgets (involved moving things around
a bit)
ve.ui.LinkInspector.js, ve.ui.MWLinkInspector.js
* Renamed static property "inputWidget" to
"linkTargetInputWidget" to better reflect the required base class
for the properties value
icons.ai, check.png, check.svg
* Added "check" icon, used in menu right now to show which item
is selected
ve.ui.Icons-raster.css, ve.ui.Icons-vector.css
* Added check icon
* Removed :before pseudo selectors from most of the icon classes (not need by button tool anymore, makes them more reusable now)
ve.ui.Tool.css
* Adjusted drop down tool styles so menu appears below, instead
of on top, of the label
* Adjusted paragraph font size to better match actual content
* Updated class names to still work with menu widget changes
(items are their own widgets now)
* Updated selectors as per changes in the structure of button tools
ve.ui.Widget.css
* Added styles for buttons and menu items
* Adjusted menu styles
ve.ui.*ButtonTool.js
* Added config options argument passthrough
ve.ui.ButtonTool.js
* Moved var statement to the top inside constructor
* Switched to using "a" tag to get cross-browser :active support
* Added icon to inside of button to make icon styles more reusable
* Removed disabled support (now provided by widget parent class)
ve.ui.FormatDropDownTool.js
* Updated options initialization to construct menu item objects
* Modified handling of items to account for changes in menu and
item classes
* Optimized onUpdateState method a bit, adding early exit to
inner loop
ve.ui.ButtonTool.js, ve.ui.DropdownTool.js, ve.ui.Context.js,
ve.ui.Frame, ve.ui.Tool.js, ve.ui.Widget.js
* Added chain ability to non-getter methods
ve.ui.DropdownTool.js
* Removed items argument to constructor
* Updated code as per changes in menu class
* Fixed inconsistent naming of event handler methods
* Removed item event handling (now handled by items directly)
* Made use of this.$$ to ensure tool works in other frames
ve.ui.Tool.js
* Made tools inherit from widget
* Moved trigger registry event handler to a method
ve.ui.Context.js
* Switched from using menu to contain toolbar to a simple wrapper
ve.ui.js
* Added get$$ method, a convenience function for binding jQuery
to a specific document context
ve.ui.*Widget.js
* Switched to using a config options object instead of individual arguments
* Added options
* Factored out flags and labels into their own classes
* Refactored value setting methods for inputs
ve.ui.MenuWidget.js, ve.ui.MenuItemWidget.js
* Broke items out into their own classes
* Redesigned API
* Updated code that uses these classes
* Added support for keyboard interaction
* Made items flash when selected (delaying the hiding of the menu for 200ms)
ve.ui.LinkTargetInputWidget.js, ve.ui.MWLinkTargetInputWidget
* Refactored annotation setting methods
Change-Id: I7769bd5a5b79f1ab36f258ef9f2be583ca503ce6
2013-02-20 23:25:12 +00:00
|
|
|
startTextInputLabel.$,
|
2013-02-14 21:41:59 +00:00
|
|
|
startTextInput.$,
|
Major UI refactoring and improvements
Objective:
Refactor UI widgets, improve usability and accessibility of menus, general cleanup and style improvements.
Extras:
Fixed documentation in a few other files to make descriptions of jQuery event arguments more consistent, classes inherit correctly, and made use of the @cfg functionality in jsduck.
Changes:
.docs/config.json
* Added window, HTMLDocument, HTMLElement, DocumentFragment and XMLHttpRequest to externals, so jsduck doesn't throw warnings when they are used
demos/ve/index.php, modules/ve/test/index.php, VisualEditor.php
* Moved widgets above tools (since tools use widgets)
demos/ve/index.php
* Refactored widget initialization to use options
* Renamed variables to match widget names
ve.init.mw.ViewPageTarget.css
* Adjusted text sizes to make widgets work normally
* Added margins for buttons in toolbar (since button widgets
don't have any)
* Removed styles for init buttons (button widgets now)
ve.init.mw.ViewPageTarget.js
* Switched to using button widgets (involved moving things around
a bit)
ve.ui.LinkInspector.js, ve.ui.MWLinkInspector.js
* Renamed static property "inputWidget" to
"linkTargetInputWidget" to better reflect the required base class
for the properties value
icons.ai, check.png, check.svg
* Added "check" icon, used in menu right now to show which item
is selected
ve.ui.Icons-raster.css, ve.ui.Icons-vector.css
* Added check icon
* Removed :before pseudo selectors from most of the icon classes (not need by button tool anymore, makes them more reusable now)
ve.ui.Tool.css
* Adjusted drop down tool styles so menu appears below, instead
of on top, of the label
* Adjusted paragraph font size to better match actual content
* Updated class names to still work with menu widget changes
(items are their own widgets now)
* Updated selectors as per changes in the structure of button tools
ve.ui.Widget.css
* Added styles for buttons and menu items
* Adjusted menu styles
ve.ui.*ButtonTool.js
* Added config options argument passthrough
ve.ui.ButtonTool.js
* Moved var statement to the top inside constructor
* Switched to using "a" tag to get cross-browser :active support
* Added icon to inside of button to make icon styles more reusable
* Removed disabled support (now provided by widget parent class)
ve.ui.FormatDropDownTool.js
* Updated options initialization to construct menu item objects
* Modified handling of items to account for changes in menu and
item classes
* Optimized onUpdateState method a bit, adding early exit to
inner loop
ve.ui.ButtonTool.js, ve.ui.DropdownTool.js, ve.ui.Context.js,
ve.ui.Frame, ve.ui.Tool.js, ve.ui.Widget.js
* Added chain ability to non-getter methods
ve.ui.DropdownTool.js
* Removed items argument to constructor
* Updated code as per changes in menu class
* Fixed inconsistent naming of event handler methods
* Removed item event handling (now handled by items directly)
* Made use of this.$$ to ensure tool works in other frames
ve.ui.Tool.js
* Made tools inherit from widget
* Moved trigger registry event handler to a method
ve.ui.Context.js
* Switched from using menu to contain toolbar to a simple wrapper
ve.ui.js
* Added get$$ method, a convenience function for binding jQuery
to a specific document context
ve.ui.*Widget.js
* Switched to using a config options object instead of individual arguments
* Added options
* Factored out flags and labels into their own classes
* Refactored value setting methods for inputs
ve.ui.MenuWidget.js, ve.ui.MenuItemWidget.js
* Broke items out into their own classes
* Redesigned API
* Updated code that uses these classes
* Added support for keyboard interaction
* Made items flash when selected (delaying the hiding of the menu for 200ms)
ve.ui.LinkTargetInputWidget.js, ve.ui.MWLinkTargetInputWidget
* Refactored annotation setting methods
Change-Id: I7769bd5a5b79f1ab36f258ef9f2be583ca503ce6
2013-02-20 23:25:12 +00:00
|
|
|
endTextInputLabel.$,
|
2013-02-14 21:41:59 +00:00
|
|
|
endTextInput.$,
|
|
|
|
|
logRangeButton.$,
|
|
|
|
|
$( '<span class="ve-demo-utilities-commands-divider"> </span>' ),
|
|
|
|
|
dumpModelButton.$,
|
|
|
|
|
validateButton.$
|
2013-02-14 02:04:04 +00:00
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Events
|
|
|
|
|
getRangeButton.on( 'click', function () {
|
|
|
|
|
var range = ve.instances[0].view.model.getSelection();
|
2013-02-14 21:41:59 +00:00
|
|
|
startTextInput.setValue( range.start );
|
|
|
|
|
endTextInput.setValue( range.end );
|
|
|
|
|
logRangeButton.setDisabled( false );
|
2012-10-10 21:18:01 +00:00
|
|
|
} );
|
2013-02-14 21:41:59 +00:00
|
|
|
logRangeButton.on( 'click', function () {
|
|
|
|
|
var start = startTextInput.getValue(),
|
|
|
|
|
end = endTextInput.getValue();
|
2013-02-14 02:04:04 +00:00
|
|
|
// TODO: Validate input
|
|
|
|
|
console.dir( ve.instances[0].view.documentView.model.data.slice( start, end ) );
|
|
|
|
|
} );
|
2013-02-14 21:41:59 +00:00
|
|
|
dumpModelButton.on( 'click', function () {
|
2012-08-23 22:07:32 +00:00
|
|
|
// linear model dump
|
2013-05-19 22:19:34 +00:00
|
|
|
var i, $li, element, html, annotations,
|
|
|
|
|
$ol = $( '<ol start="0"></ol>' );
|
2012-08-23 22:07:32 +00:00
|
|
|
|
2013-05-19 22:19:34 +00:00
|
|
|
for ( i = 0; i < ve.instances[0].model.documentModel.data.getLength(); i++ ) {
|
|
|
|
|
$li = $( '<li>' );
|
2013-02-14 21:41:59 +00:00
|
|
|
$label = $( '<span>' );
|
2013-05-19 22:19:34 +00:00
|
|
|
element = ve.instances[0].model.documentModel.data.getData( i );
|
2012-11-23 20:12:48 +00:00
|
|
|
if ( element.type ) {
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.addClass( 've-demo-dump-element' );
|
2012-11-21 20:58:52 +00:00
|
|
|
text = element.type;
|
2012-11-23 20:12:48 +00:00
|
|
|
annotations = element.annotations;
|
2013-05-20 16:24:33 +00:00
|
|
|
} else if ( ve.isArray( element ) ){
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.addClass( 've-demo-dump-achar' );
|
2012-11-23 20:12:48 +00:00
|
|
|
text = element[0];
|
|
|
|
|
annotations = element[1];
|
2012-08-23 22:07:32 +00:00
|
|
|
} else {
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.addClass( 've-demo-dump-char' );
|
2012-11-21 20:58:52 +00:00
|
|
|
text = element;
|
2012-11-23 20:12:48 +00:00
|
|
|
annotations = undefined;
|
|
|
|
|
}
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.html( ( text.match( /\S/ ) ? text : ' ' ) + ' ' );
|
2012-11-23 20:12:48 +00:00
|
|
|
if ( annotations ) {
|
2013-02-14 21:41:59 +00:00
|
|
|
$label.append(
|
|
|
|
|
$( '<span>' ).text(
|
2013-05-30 10:30:26 +00:00
|
|
|
'[' + ve.instances[0].model.documentModel.store.values( annotations ).map( function( ann ) {
|
2013-02-14 21:41:59 +00:00
|
|
|
return ann.name;
|
2013-05-19 22:19:34 +00:00
|
|
|
} ).join( ', ' ) + ']'
|
2013-02-14 21:41:59 +00:00
|
|
|
)
|
|
|
|
|
);
|
2012-08-23 22:07:32 +00:00
|
|
|
}
|
|
|
|
|
|
2013-02-14 21:41:59 +00:00
|
|
|
$li.append( $label );
|
|
|
|
|
$ol.append( $li );
|
2012-08-23 22:07:32 +00:00
|
|
|
}
|
2013-05-19 22:19:34 +00:00
|
|
|
$( '#ve-linear-model-dump' ).html( $ol );
|
2012-08-23 22:07:32 +00:00
|
|
|
|
|
|
|
|
// tree dump
|
2012-10-16 14:03:26 +00:00
|
|
|
var getKids = function ( obj ) {
|
2013-05-19 22:19:34 +00:00
|
|
|
var $ol = $( '<ol start="0"></ol>' ),
|
2012-08-23 22:07:32 +00:00
|
|
|
$li;
|
2013-05-29 14:49:16 +00:00
|
|
|
for ( var i = 0; i < obj.children.length; i++ ) {
|
2013-05-19 22:19:34 +00:00
|
|
|
$li = $( '<li>' );
|
2013-02-14 21:41:59 +00:00
|
|
|
$label = $( '<span>' ).addClass( 've-demo-dump-element' );
|
2012-11-21 20:58:52 +00:00
|
|
|
if ( obj.children[i].length !== undefined ) {
|
2013-02-14 21:41:59 +00:00
|
|
|
$li.append(
|
|
|
|
|
$label
|
|
|
|
|
.text( obj.children[i].type )
|
|
|
|
|
.append(
|
|
|
|
|
$( '<span>' ).text( ' (' + obj.children[i].length + ')' )
|
|
|
|
|
)
|
2012-11-21 20:58:52 +00:00
|
|
|
);
|
|
|
|
|
} else {
|
2013-02-14 21:41:59 +00:00
|
|
|
$li.append( $label.text( obj.children[i].type ) );
|
2012-11-21 20:58:52 +00:00
|
|
|
}
|
2012-08-23 22:07:32 +00:00
|
|
|
|
|
|
|
|
if ( obj.children[i].children ) {
|
2013-05-19 22:19:34 +00:00
|
|
|
$li.append( getKids( obj.children[i] ) );
|
2012-08-23 22:07:32 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2013-05-19 22:19:34 +00:00
|
|
|
$ol.append( $li );
|
2012-08-23 22:07:32 +00:00
|
|
|
}
|
|
|
|
|
return $ol;
|
|
|
|
|
}
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
$( '#ve-model-tree-dump' ).html(
|
|
|
|
|
getKids( ve.instances[0].model.documentModel.documentNode )
|
|
|
|
|
);
|
|
|
|
|
$( '#ve-view-tree-dump' ).html(
|
|
|
|
|
getKids( ve.instances[0].view.documentView.documentNode )
|
|
|
|
|
);
|
2013-05-19 22:19:34 +00:00
|
|
|
$( '#ve-dump' ).show();
|
2012-07-24 23:44:06 +00:00
|
|
|
} );
|
2013-02-14 02:04:04 +00:00
|
|
|
validateButton.on( 'click', function () {
|
|
|
|
|
var failed = false;
|
2013-05-19 22:19:34 +00:00
|
|
|
$( '.ve-ce-branchNode' ).each( function ( index, element ) {
|
2013-04-02 19:33:22 +00:00
|
|
|
var $element = $( element ),
|
|
|
|
|
view = $element.data( 'view' );
|
2013-02-14 02:04:04 +00:00
|
|
|
if ( view.canContainContent() ) {
|
|
|
|
|
var nodeRange = view.model.getRange();
|
The Great ve.ui.Surface refactor of 2013
Prologue:
Farewell ve.Editor my good chap… Oh, hey there HTML frames - I didn't
see you there! In a world where iframes are outlaws, and symbols like
document and window are global, there were more than a few assumptions
about which document or window was being used. But fear not - for this
commit (probably) tracks them all down, leaving a trail of
iframe-compatible awesomeness in its wake. With the great ve.ui.Surface
now able to be used inside of iframes, let the reference editing
commence. But there, lurking in the darkness is a DM issue so fierce it
may take Roan and/or Ed up to 3 whole hours to sort it out.
Note to Roan and/or Ed:
Editing references seems to work fine, but when saving the page there
are "no changes" which is a reasonable indication to the contrary.
Objectives:
* Make it possible to have multiple surfaces be instantiated, get along
nicely, and be embedded inside of iframes if needed.
* Make reference content editable within a dialog
Approach:
* Move what's left of ve.Editor to ve.ui.Surface and essentially
obliterate all use of it
* Make even more stuff inherit from ve.Element (long live this.$$)
* Use the correct document or window anywhere it was being assumed to be
the top level one
* Resolve stacking order issues by removing the excessive use of z-index
and introducing global and local overlay elements for each editor
* Add a surface to the reference dialog, load up the reference contents
and save them back on apply
* Actually destroy what we create in ce and ui surfaces
* Add recursive frame offset calculation method to ve.Element
* Moved ve.ce.Surface's getSelectionRect method to the prototype
Bonus:
* Move ve.ce.DocumentNode.css contents to ve.ce.Node.css (not sure why it
was separate in the first place, but I'm likely the one to blame)
* Fix blatant lies in documentation
* Whitespace cleanup here and there
* Get rid of ve.ui.Window overlays - not used or needed
Change-Id: Iede83e7d24f7cb249b6ba3dc45d770445b862e08
2013-05-20 22:45:50 +00:00
|
|
|
var textModel = ve.instances[0]
|
|
|
|
|
.view.model.getDocument().getText( nodeRange );
|
2013-02-14 02:04:04 +00:00
|
|
|
var textDom = ve.ce.getDomText( view.$[0] );
|
|
|
|
|
if ( textModel !== textDom ) {
|
|
|
|
|
failed = true;
|
2013-05-19 22:19:34 +00:00
|
|
|
console.log( 'Inconsistent data', {
|
|
|
|
|
'textModel': textModel,
|
|
|
|
|
'textDom': textDom,
|
|
|
|
|
'element': element
|
2013-02-14 02:04:04 +00:00
|
|
|
} );
|
|
|
|
|
}
|
|
|
|
|
}
|
2013-05-19 22:19:34 +00:00
|
|
|
} );
|
2013-02-14 02:04:04 +00:00
|
|
|
if ( failed ) {
|
|
|
|
|
alert( 'Not valid - check JS console for details' );
|
|
|
|
|
} else {
|
|
|
|
|
alert( 'Valid' );
|
|
|
|
|
}
|
2012-07-24 23:44:06 +00:00
|
|
|
} );
|
|
|
|
|
} );
|
|
|
|
|
</script>
|
2012-02-07 19:13:19 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|