2013-04-29 21:01:56 +00:00
|
|
|
/*!
|
|
|
|
* VisualEditor user interface MWMetaDialog class.
|
|
|
|
*
|
|
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
|
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
|
|
*/
|
|
|
|
|
2013-05-03 22:17:35 +00:00
|
|
|
/*global mw*/
|
|
|
|
|
2013-04-29 21:01:56 +00:00
|
|
|
/**
|
Single-click insertion
Objectives:
* Reduce the number of clicks and mouse maneuvers required to insert
media, references or template parameters
* Make use of highlighting with mouse movement or arrow key presses,
similar to menus, to suggest action when clicked
* Improve the way media search results look and feel
Changes:
ve.ui.SelectWidget.js
* Add mouseleave handler to un-highlight when the mouse exits the widget
* Document highlight events (already being emitted)
ve.ui.SearchWidget.js
* Propagate both select and highlight events from results widget
* Make arrow keys change highlight instead of selection
* Get rid of enter event, make enter key select highlighted item instead
* Provide direct access to results widget through getResults method
ve.ui.MenuWidget.js
* Use the selected item as a starting point if nothing is currently
highlighted when adjusting the highlight position
ve.ui.Dialog.js
* Add footless option to hide the foot element and make the body extend
all the way down to the bottom
* Remove applyButton, which only some dialogs need, and should be creating
themselves, along with other buttons as needed
ve.ui.Widget.css
* Change highlight and selected colors of option widgets to match other
selection colors used elsewhere
* Leave selected and highlighted widget looking selected
ve.ui.Frame.css
* Add background color to combat any color that might have been applied to
the frame body in the imported CSS from the parent frame
ve.ui.Dialog.css
* Add rules for footless mode
ve.ui.MWReferenceResultWidget.js,
ve.ui.MWParameterResultWidget.js,
ve.ui.MWMediaResultWidget.js
* Allow highlighting
ve.ui.MWParamterSearchWidget.js
* Switch from selecting the first item when filtering to highlighting
ve-mw/ve.ui.Widget.js
* Adjust media result widget styling to better match other elements
ve.ui.MWTransclusionDialog.js,
ve.ui.MWReferenceListDialog.js,
ve.ui.MWReferenceEditDialog.js,
ve.ui.MWMetaDialog.js
ve.ui.MWMediaEditDialog.js
* Add apply button, as per it being removed from parent class
ve.ui.MWTransclusionDialog.js,
ve.ui.MWReferenceInsertDialog.js,
ve.ui.MWMediaInsertDialog.js
* Insert parameter/reference/media on select, instead of clicking an
insert button
* Use 'insert' instead of 'apply' as argument for close method
Bug: 50774
Bug: 51143
Change-Id: Ia18e79f1f8df2540f465468edb01f5ce989bf843
2013-07-15 21:07:53 +00:00
|
|
|
* Dialog for editing MediaWiki page meta information.
|
|
|
|
*
|
2013-04-29 21:01:56 +00:00
|
|
|
* @class
|
2013-07-03 01:30:10 +00:00
|
|
|
* @extends ve.ui.MWDialog
|
2013-04-29 21:01:56 +00:00
|
|
|
*
|
|
|
|
* @constructor
|
2013-10-09 19:59:03 +00:00
|
|
|
* @param {ve.ui.SurfaceWindowSet} windowSet Window set this dialog is part of
|
2013-09-25 10:21:09 +00:00
|
|
|
* @param {Object} [config] Configuration options
|
2013-04-29 21:01:56 +00:00
|
|
|
*/
|
2013-10-09 19:59:03 +00:00
|
|
|
ve.ui.MWMetaDialog = function VeUiMWMetaDialog( windowSet, config ) {
|
2013-04-29 21:01:56 +00:00
|
|
|
// Parent constructor
|
2013-10-09 19:59:03 +00:00
|
|
|
ve.ui.MWDialog.call( this, windowSet, config );
|
2013-07-03 01:30:10 +00:00
|
|
|
|
2013-04-29 21:01:56 +00:00
|
|
|
// Properties
|
2013-10-15 23:42:20 +00:00
|
|
|
this.metaList = this.surface.getModel().metaList;
|
2013-05-03 22:17:35 +00:00
|
|
|
this.defaultSortKeyChanged = false;
|
|
|
|
this.fallbackDefaultSortKey = mw.config.get( 'wgTitle' );
|
2013-04-29 21:01:56 +00:00
|
|
|
|
|
|
|
// Events
|
2013-05-01 22:21:32 +00:00
|
|
|
this.metaList.connect( this, {
|
2013-04-29 21:01:56 +00:00
|
|
|
'insert': 'onMetaListInsert',
|
|
|
|
'remove': 'onMetaListRemove'
|
|
|
|
} );
|
|
|
|
};
|
|
|
|
|
|
|
|
/* Inheritance */
|
|
|
|
|
2013-10-11 21:44:09 +00:00
|
|
|
OO.inheritClass( ve.ui.MWMetaDialog, ve.ui.MWDialog );
|
2013-07-03 01:30:10 +00:00
|
|
|
|
2013-04-29 21:01:56 +00:00
|
|
|
/* Static Properties */
|
|
|
|
|
2013-08-27 23:28:29 +00:00
|
|
|
ve.ui.MWMetaDialog.static.name = 'meta';
|
|
|
|
|
2013-04-29 21:01:56 +00:00
|
|
|
ve.ui.MWMetaDialog.static.titleMessage = 'visualeditor-dialog-meta-title';
|
|
|
|
|
|
|
|
ve.ui.MWMetaDialog.static.icon = 'settings';
|
|
|
|
|
|
|
|
/* Methods */
|
|
|
|
|
2013-10-17 22:09:48 +00:00
|
|
|
/**
|
|
|
|
* @inheritdoc
|
|
|
|
*/
|
2013-05-07 23:00:23 +00:00
|
|
|
ve.ui.MWMetaDialog.prototype.initialize = function () {
|
2013-05-25 12:08:43 +00:00
|
|
|
var languagePromise;
|
|
|
|
|
2013-06-21 02:47:10 +00:00
|
|
|
// Parent method
|
2013-07-03 01:30:10 +00:00
|
|
|
ve.ui.MWDialog.prototype.initialize.call( this );
|
|
|
|
|
2013-05-07 23:00:23 +00:00
|
|
|
// Properties
|
2013-10-09 20:09:59 +00:00
|
|
|
this.pagedOutlineLayout = new OO.ui.PagedOutlineLayout( { '$$': this.frame.$$ } );
|
|
|
|
this.categoriesFieldset = new OO.ui.FieldsetLayout( {
|
2013-06-11 20:56:22 +00:00
|
|
|
'$$': this.frame.$$,
|
|
|
|
'label': ve.msg( 'visualeditor-dialog-meta-categories-data-label' ),
|
|
|
|
'icon': 'tag'
|
2013-05-07 23:00:23 +00:00
|
|
|
} );
|
2013-10-09 20:09:59 +00:00
|
|
|
this.categoryOptionsFieldset = new OO.ui.FieldsetLayout( {
|
2013-06-11 20:56:22 +00:00
|
|
|
'$$': this.frame.$$,
|
|
|
|
'label': ve.msg( 'visualeditor-dialog-meta-categories-options' ),
|
|
|
|
'icon': 'settings'
|
2013-05-07 23:00:23 +00:00
|
|
|
} );
|
|
|
|
this.categoryWidget = new ve.ui.MWCategoryWidget( {
|
2013-05-25 13:44:36 +00:00
|
|
|
'$$': this.frame.$$, '$overlay': this.$overlay
|
2013-05-07 23:00:23 +00:00
|
|
|
} );
|
2013-10-09 20:09:59 +00:00
|
|
|
this.defaultSortInput = new OO.ui.TextInputWidget( {
|
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
|
|
|
'$$': this.frame.$$, 'placeholder': this.fallbackDefaultSortKey
|
2013-05-07 23:00:23 +00:00
|
|
|
} );
|
2013-10-09 20:09:59 +00:00
|
|
|
this.defaultSortLabel = new OO.ui.InputLabelWidget( {
|
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
|
|
|
'$$': this.frame.$$,
|
2013-05-07 23:00:23 +00:00
|
|
|
'input': this.defaultSortInput,
|
2013-05-25 10:01:32 +00:00
|
|
|
'label': ve.msg( 'visualeditor-dialog-meta-categories-defaultsort-label' )
|
2013-05-07 23:00:23 +00:00
|
|
|
} );
|
2013-10-09 20:09:59 +00:00
|
|
|
this.languagesFieldset = new OO.ui.FieldsetLayout( {
|
2013-06-11 20:56:22 +00:00
|
|
|
'$$': this.frame.$$,
|
|
|
|
'label': ve.msg( 'visualeditor-dialog-meta-languages-label' ),
|
|
|
|
'icon': 'language'
|
2013-05-25 12:08:43 +00:00
|
|
|
} );
|
2013-10-09 20:09:59 +00:00
|
|
|
this.applyButton = new OO.ui.PushButtonWidget( {
|
Single-click insertion
Objectives:
* Reduce the number of clicks and mouse maneuvers required to insert
media, references or template parameters
* Make use of highlighting with mouse movement or arrow key presses,
similar to menus, to suggest action when clicked
* Improve the way media search results look and feel
Changes:
ve.ui.SelectWidget.js
* Add mouseleave handler to un-highlight when the mouse exits the widget
* Document highlight events (already being emitted)
ve.ui.SearchWidget.js
* Propagate both select and highlight events from results widget
* Make arrow keys change highlight instead of selection
* Get rid of enter event, make enter key select highlighted item instead
* Provide direct access to results widget through getResults method
ve.ui.MenuWidget.js
* Use the selected item as a starting point if nothing is currently
highlighted when adjusting the highlight position
ve.ui.Dialog.js
* Add footless option to hide the foot element and make the body extend
all the way down to the bottom
* Remove applyButton, which only some dialogs need, and should be creating
themselves, along with other buttons as needed
ve.ui.Widget.css
* Change highlight and selected colors of option widgets to match other
selection colors used elsewhere
* Leave selected and highlighted widget looking selected
ve.ui.Frame.css
* Add background color to combat any color that might have been applied to
the frame body in the imported CSS from the parent frame
ve.ui.Dialog.css
* Add rules for footless mode
ve.ui.MWReferenceResultWidget.js,
ve.ui.MWParameterResultWidget.js,
ve.ui.MWMediaResultWidget.js
* Allow highlighting
ve.ui.MWParamterSearchWidget.js
* Switch from selecting the first item when filtering to highlighting
ve-mw/ve.ui.Widget.js
* Adjust media result widget styling to better match other elements
ve.ui.MWTransclusionDialog.js,
ve.ui.MWReferenceListDialog.js,
ve.ui.MWReferenceEditDialog.js,
ve.ui.MWMetaDialog.js
ve.ui.MWMediaEditDialog.js
* Add apply button, as per it being removed from parent class
ve.ui.MWTransclusionDialog.js,
ve.ui.MWReferenceInsertDialog.js,
ve.ui.MWMediaInsertDialog.js
* Insert parameter/reference/media on select, instead of clicking an
insert button
* Use 'insert' instead of 'apply' as argument for close method
Bug: 50774
Bug: 51143
Change-Id: Ia18e79f1f8df2540f465468edb01f5ce989bf843
2013-07-15 21:07:53 +00:00
|
|
|
'$$': this.$$, 'label': ve.msg( 'visualeditor-dialog-action-apply' ), 'flags': ['primary']
|
|
|
|
} );
|
2013-05-07 23:00:23 +00:00
|
|
|
|
|
|
|
// Events
|
|
|
|
this.categoryWidget.connect( this, {
|
|
|
|
'newCategory': 'onNewCategory',
|
|
|
|
'updateSortkey': 'onUpdateSortKey'
|
|
|
|
} );
|
|
|
|
this.defaultSortInput.connect( this, {
|
|
|
|
'change': 'onDefaultSortChange'
|
|
|
|
} );
|
Single-click insertion
Objectives:
* Reduce the number of clicks and mouse maneuvers required to insert
media, references or template parameters
* Make use of highlighting with mouse movement or arrow key presses,
similar to menus, to suggest action when clicked
* Improve the way media search results look and feel
Changes:
ve.ui.SelectWidget.js
* Add mouseleave handler to un-highlight when the mouse exits the widget
* Document highlight events (already being emitted)
ve.ui.SearchWidget.js
* Propagate both select and highlight events from results widget
* Make arrow keys change highlight instead of selection
* Get rid of enter event, make enter key select highlighted item instead
* Provide direct access to results widget through getResults method
ve.ui.MenuWidget.js
* Use the selected item as a starting point if nothing is currently
highlighted when adjusting the highlight position
ve.ui.Dialog.js
* Add footless option to hide the foot element and make the body extend
all the way down to the bottom
* Remove applyButton, which only some dialogs need, and should be creating
themselves, along with other buttons as needed
ve.ui.Widget.css
* Change highlight and selected colors of option widgets to match other
selection colors used elsewhere
* Leave selected and highlighted widget looking selected
ve.ui.Frame.css
* Add background color to combat any color that might have been applied to
the frame body in the imported CSS from the parent frame
ve.ui.Dialog.css
* Add rules for footless mode
ve.ui.MWReferenceResultWidget.js,
ve.ui.MWParameterResultWidget.js,
ve.ui.MWMediaResultWidget.js
* Allow highlighting
ve.ui.MWParamterSearchWidget.js
* Switch from selecting the first item when filtering to highlighting
ve-mw/ve.ui.Widget.js
* Adjust media result widget styling to better match other elements
ve.ui.MWTransclusionDialog.js,
ve.ui.MWReferenceListDialog.js,
ve.ui.MWReferenceEditDialog.js,
ve.ui.MWMetaDialog.js
ve.ui.MWMediaEditDialog.js
* Add apply button, as per it being removed from parent class
ve.ui.MWTransclusionDialog.js,
ve.ui.MWReferenceInsertDialog.js,
ve.ui.MWMediaInsertDialog.js
* Insert parameter/reference/media on select, instead of clicking an
insert button
* Use 'insert' instead of 'apply' as argument for close method
Bug: 50774
Bug: 51143
Change-Id: Ia18e79f1f8df2540f465468edb01f5ce989bf843
2013-07-15 21:07:53 +00:00
|
|
|
this.applyButton.connect( this, { 'click': [ 'close', 'apply' ] } );
|
2013-05-07 23:00:23 +00:00
|
|
|
|
|
|
|
// Initialization
|
|
|
|
this.categoryWidget.addItems( this.getCategoryItems() );
|
2013-10-04 01:05:49 +00:00
|
|
|
|
|
|
|
this.$body.append( this.pagedOutlineLayout.$ );
|
|
|
|
this.$foot.append( this.applyButton.$ );
|
|
|
|
|
|
|
|
this.pagedOutlineLayout.addPage( 'categories', {
|
|
|
|
'$content': [ this.categoriesFieldset.$, this.categoryOptionsFieldset.$ ],
|
2013-05-28 19:06:06 +00:00
|
|
|
'label': ve.msg( 'visualeditor-dialog-meta-categories-section' ),
|
|
|
|
'icon': 'tag'
|
2013-05-25 12:08:43 +00:00
|
|
|
} ).addPage( 'languages', {
|
2013-10-04 01:05:49 +00:00
|
|
|
'$content': this.languagesFieldset.$,
|
2013-05-25 12:08:43 +00:00
|
|
|
'label': ve.msg( 'visualeditor-dialog-meta-languages-section' ),
|
|
|
|
'icon': 'language'
|
2013-05-28 19:06:06 +00:00
|
|
|
} );
|
2013-05-25 10:01:32 +00:00
|
|
|
|
2013-05-07 23:00:23 +00:00
|
|
|
this.categoriesFieldset.$.append( this.categoryWidget.$ );
|
2013-06-11 20:56:22 +00:00
|
|
|
this.categoryOptionsFieldset.$.append( this.defaultSortLabel.$, this.defaultSortInput.$ );
|
|
|
|
this.languagesFieldset.$.append(
|
|
|
|
this.frame.$$( '<span>' )
|
|
|
|
.text( ve.msg( 'visualeditor-dialog-meta-languages-readonlynote' ) )
|
|
|
|
);
|
2013-05-25 12:08:43 +00:00
|
|
|
|
|
|
|
languagePromise = this.getAllLanguageItems();
|
|
|
|
languagePromise.done( ve.bind( function ( languages ) {
|
2013-06-11 17:49:53 +00:00
|
|
|
var i, $languagesTable = this.frame.$$( '<table>' ), languageslength = languages.length;
|
2013-05-25 12:08:43 +00:00
|
|
|
|
|
|
|
$languagesTable
|
2013-06-11 20:56:22 +00:00
|
|
|
.addClass( 've-ui-mwMetaDialog-languages-table' )
|
2013-06-11 17:49:53 +00:00
|
|
|
.append( this.frame.$$( '<tr>' )
|
2013-06-11 20:56:22 +00:00
|
|
|
.append(
|
|
|
|
this.frame.$$( '<th>' )
|
|
|
|
.append( ve.msg( 'visualeditor-dialog-meta-languages-code-label' ) )
|
|
|
|
)
|
|
|
|
.append(
|
|
|
|
this.frame.$$( '<th>' )
|
|
|
|
.append( ve.msg( 'visualeditor-dialog-meta-languages-link-label' ) )
|
|
|
|
)
|
|
|
|
);
|
2013-05-25 12:08:43 +00:00
|
|
|
|
|
|
|
for ( i = 0; i < languageslength; i++ ) {
|
2013-08-28 22:26:02 +00:00
|
|
|
languages[i].safelang = languages[i].lang;
|
|
|
|
languages[i].dir = 'auto';
|
|
|
|
if ( $.uls ) {
|
|
|
|
// site codes don't always represent official language codes
|
|
|
|
// using real language code instead of a dummy ('redirect' in ULS' terminology)
|
|
|
|
languages[i].safelang = $.uls.data.isRedirect( languages[i].lang ) || languages[i].lang;
|
|
|
|
languages[i].dir = $.uls.data.getDir( languages[i].safelang );
|
|
|
|
}
|
2013-05-25 12:08:43 +00:00
|
|
|
$languagesTable
|
2013-06-11 17:49:53 +00:00
|
|
|
.append( this.frame.$$( '<tr>' )
|
|
|
|
.append( this.frame.$$( '<td>' ).append( languages[i].lang ) )
|
2013-08-28 22:26:02 +00:00
|
|
|
.append( this.frame.$$( '<td>' ).append( languages[i].title )
|
|
|
|
.attr( 'lang', languages[i].safelang )
|
|
|
|
.attr( 'dir', languages[i].dir ) )
|
2013-05-25 12:08:43 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.languagesFieldset.$.append( $languagesTable );
|
|
|
|
}, this ) );
|
2013-05-07 23:00:23 +00:00
|
|
|
};
|
|
|
|
|
2013-10-17 22:09:48 +00:00
|
|
|
/**
|
|
|
|
* @inheritdoc
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.onSetup = function ( config ) {
|
|
|
|
// Parent method
|
|
|
|
ve.ui.MWDialog.prototype.onSetup.call( this, config );
|
|
|
|
if ( config && config.page && this.pagedOutlineLayout.getPage( config.page ) ) {
|
|
|
|
this.pagedOutlineLayout.setPage( config.page );
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @inheritdoc
|
|
|
|
*/
|
2013-04-29 21:01:56 +00:00
|
|
|
ve.ui.MWMetaDialog.prototype.onOpen = function () {
|
2013-05-03 18:30:33 +00:00
|
|
|
var surfaceModel = this.surface.getModel(),
|
2013-05-15 21:00:57 +00:00
|
|
|
categoryWidget = this.categoryWidget,
|
|
|
|
defaultSortKeyItem = this.getDefaultSortKeyItem();
|
|
|
|
|
2013-06-19 15:21:38 +00:00
|
|
|
// Parent method
|
2013-07-03 01:30:10 +00:00
|
|
|
ve.ui.MWDialog.prototype.onOpen.call( this );
|
2013-06-19 15:21:38 +00:00
|
|
|
|
2013-05-15 21:00:57 +00:00
|
|
|
this.defaultSortInput.setValue(
|
|
|
|
defaultSortKeyItem ? defaultSortKeyItem.getAttribute( 'content' ) : ''
|
|
|
|
);
|
|
|
|
this.defaultSortKeyChanged = false;
|
2013-04-29 21:01:56 +00:00
|
|
|
|
|
|
|
// Force all previous transactions to be separate from this history state
|
|
|
|
surfaceModel.breakpoint();
|
|
|
|
surfaceModel.stopHistoryTracking();
|
|
|
|
|
2013-05-03 18:30:33 +00:00
|
|
|
// Update input position once visible
|
|
|
|
setTimeout( function () {
|
|
|
|
categoryWidget.fitInput();
|
|
|
|
} );
|
2013-04-29 21:01:56 +00:00
|
|
|
};
|
|
|
|
|
2013-10-17 22:09:48 +00:00
|
|
|
/**
|
|
|
|
* @inheritdoc
|
|
|
|
*/
|
2013-04-29 21:01:56 +00:00
|
|
|
ve.ui.MWMetaDialog.prototype.onClose = function ( action ) {
|
2013-06-18 15:55:03 +00:00
|
|
|
var hasTransactions, newDefaultSortKeyItem, newDefaultSortKeyItemData,
|
2013-05-15 21:00:57 +00:00
|
|
|
surfaceModel = this.surface.getModel(),
|
|
|
|
currentDefaultSortKeyItem = this.getDefaultSortKeyItem();
|
2013-04-29 21:01:56 +00:00
|
|
|
|
|
|
|
// Parent method
|
2013-07-03 01:30:10 +00:00
|
|
|
ve.ui.MWDialog.prototype.onClose.call( this );
|
2013-04-29 21:01:56 +00:00
|
|
|
|
|
|
|
// Place transactions made while dialog was open in a common history state
|
2013-06-18 15:55:03 +00:00
|
|
|
hasTransactions = surfaceModel.breakpoint();
|
2013-04-29 21:01:56 +00:00
|
|
|
|
|
|
|
// Undo everything done in the dialog and prevent redoing those changes
|
2013-06-18 15:55:03 +00:00
|
|
|
if ( action === 'cancel' && hasTransactions ) {
|
2013-04-29 21:01:56 +00:00
|
|
|
surfaceModel.undo();
|
|
|
|
surfaceModel.truncateUndoStack();
|
|
|
|
}
|
|
|
|
|
2013-05-03 22:17:35 +00:00
|
|
|
if ( this.defaultSortKeyChanged ) {
|
2013-06-21 10:48:20 +00:00
|
|
|
if ( this.defaultSortInput.getValue() !== '' ) {
|
|
|
|
newDefaultSortKeyItemData = {
|
|
|
|
'type': 'mwDefaultSort',
|
|
|
|
'attributes': { 'content': this.defaultSortInput.getValue() }
|
|
|
|
};
|
|
|
|
if ( currentDefaultSortKeyItem ) {
|
|
|
|
newDefaultSortKeyItem = new ve.dm.MWDefaultSortMetaItem(
|
|
|
|
ve.extendObject( {}, currentDefaultSortKeyItem.getElement(), newDefaultSortKeyItemData )
|
|
|
|
);
|
|
|
|
currentDefaultSortKeyItem.replaceWith( newDefaultSortKeyItem );
|
|
|
|
} else {
|
|
|
|
newDefaultSortKeyItem = new ve.dm.MWDefaultSortMetaItem( newDefaultSortKeyItemData );
|
|
|
|
this.metaList.insertMeta( newDefaultSortKeyItem );
|
|
|
|
}
|
|
|
|
} else if ( currentDefaultSortKeyItem ) {
|
|
|
|
currentDefaultSortKeyItem.remove();
|
2013-05-03 22:17:35 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-04-29 21:01:56 +00:00
|
|
|
// Return to normal tracking behavior
|
|
|
|
surfaceModel.startHistoryTracking();
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
2013-05-03 22:17:35 +00:00
|
|
|
* Get default sort key item.
|
|
|
|
*
|
|
|
|
* @returns {string} Default sort key item
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.getDefaultSortKeyItem = function () {
|
2013-05-28 11:31:41 +00:00
|
|
|
var items = this.metaList.getItemsInGroup( 'mwDefaultSort' );
|
2013-05-03 22:17:35 +00:00
|
|
|
return items.length ? items[0] : null;
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Get array of category items from meta list
|
2013-04-29 21:01:56 +00:00
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @returns {Object[]} items
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.getCategoryItems = function () {
|
|
|
|
var i,
|
|
|
|
items = [],
|
2013-05-28 11:31:41 +00:00
|
|
|
categories = this.metaList.getItemsInGroup( 'mwCategory' );
|
2013-04-29 21:01:56 +00:00
|
|
|
|
|
|
|
// Loop through MwCategories and build out items
|
|
|
|
for ( i = 0; i < categories.length; i++ ) {
|
|
|
|
items.push( this.getCategoryItemFromMetaListItem( categories[i] ) );
|
|
|
|
}
|
|
|
|
return items;
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Gets category item from meta list item
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @param {Object} ve.dm.MWCategoryMetaItem
|
|
|
|
* @returns {Object} item
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.getCategoryItemFromMetaListItem = function ( metaItem ) {
|
2013-10-09 21:20:51 +00:00
|
|
|
var title = mw.Title.newFromText( metaItem.element.attributes.category ),
|
|
|
|
value = title ? title.getMainText() : '';
|
|
|
|
|
2013-04-29 21:01:56 +00:00
|
|
|
return {
|
|
|
|
'name': metaItem.element.attributes.category,
|
2013-07-25 12:50:49 +00:00
|
|
|
'value': value,
|
2013-04-29 21:01:56 +00:00
|
|
|
// TODO: sortkey is lcase, make consistent throughout CategoryWidget
|
|
|
|
'sortKey': metaItem.element.attributes.sortkey,
|
|
|
|
'metaItem': metaItem
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Get metaList like object to insert from item
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @param {Object} item category widget item
|
2013-06-10 21:36:35 +00:00
|
|
|
* @param {Object} [oldData] Metadata object that was previously associated with this item, if any
|
2013-04-29 21:01:56 +00:00
|
|
|
* @returns {Object} metaBase
|
|
|
|
*/
|
2013-06-10 21:36:35 +00:00
|
|
|
ve.ui.MWMetaDialog.prototype.getCategoryItemForInsertion = function ( item, oldData ) {
|
|
|
|
var newData = {
|
2013-04-29 21:01:56 +00:00
|
|
|
'attributes': { 'category': item.name, 'sortkey': item.sortKey || '' },
|
2013-05-28 11:31:41 +00:00
|
|
|
'type': 'mwCategory'
|
2013-04-29 21:01:56 +00:00
|
|
|
};
|
2013-06-10 21:36:35 +00:00
|
|
|
if ( oldData ) {
|
|
|
|
return ve.extendObject( {}, oldData, newData );
|
|
|
|
}
|
|
|
|
return newData;
|
2013-04-29 21:01:56 +00:00
|
|
|
};
|
|
|
|
|
2013-05-25 12:08:43 +00:00
|
|
|
/**
|
|
|
|
* Gets language item from meta list item
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @param {Object} ve.dm.MWLanguageMetaItem
|
|
|
|
* @returns {Object} item
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.getLanguageItemFromMetaListItem = function ( metaItem ) {
|
|
|
|
// TODO: get real values from metaItem once Parsoid actually provides them - bug 48970
|
|
|
|
return {
|
|
|
|
'lang': 'lang',
|
|
|
|
'title': 'title',
|
|
|
|
'metaItem': metaItem
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Get array of language items from meta list
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @returns {Object[]} items
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.getLocalLanguageItems = function () {
|
|
|
|
var i,
|
|
|
|
items = [],
|
|
|
|
languages = this.metaList.getItemsInGroup( 'mwLanguage' ),
|
|
|
|
languageslength = languages.length;
|
|
|
|
|
|
|
|
// Loop through MWLanguages and build out items
|
|
|
|
|
|
|
|
for ( i = 0; i < languageslength; i++ ) {
|
|
|
|
items.push( this.getLanguageItemFromMetaListItem( languages[i] ) );
|
|
|
|
}
|
|
|
|
return items;
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Get array of language items from meta list
|
|
|
|
*
|
|
|
|
* @method
|
2013-06-18 17:56:56 +00:00
|
|
|
* @returns {jQuery.Promise}
|
2013-05-25 12:08:43 +00:00
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.getAllLanguageItems = function () {
|
2013-06-18 17:56:56 +00:00
|
|
|
var deferred = $.Deferred();
|
2013-05-25 12:08:43 +00:00
|
|
|
// TODO: Detect paging token if results exceed limit
|
|
|
|
$.ajax( {
|
|
|
|
'url': mw.util.wikiScript( 'api' ),
|
|
|
|
'data': {
|
|
|
|
'action': 'query',
|
|
|
|
'prop': 'langlinks',
|
|
|
|
'lllimit': 500,
|
|
|
|
'titles': mw.config.get( 'wgTitle' ),
|
2013-06-06 11:36:53 +00:00
|
|
|
'indexpageids': 1,
|
2013-05-25 12:08:43 +00:00
|
|
|
'format': 'json'
|
|
|
|
},
|
|
|
|
'dataType': 'json',
|
|
|
|
'type': 'POST',
|
|
|
|
// Wait up to 100 seconds before giving up
|
|
|
|
'timeout': 100000,
|
2013-10-17 11:39:27 +00:00
|
|
|
'cache': 'false'
|
|
|
|
} )
|
|
|
|
.done( ve.bind( this.onAllLanuageItemsSuccess, this, deferred ) )
|
|
|
|
.fail( ve.bind( this.onAllLanuageItemsError, this, deferred ) );
|
2013-06-18 17:56:56 +00:00
|
|
|
return deferred.promise();
|
2013-05-25 12:08:43 +00:00
|
|
|
};
|
|
|
|
|
2013-07-31 22:53:29 +00:00
|
|
|
/** */
|
2013-06-18 17:56:56 +00:00
|
|
|
ve.ui.MWMetaDialog.prototype.onAllLanuageItemsSuccess = function ( deferred, response ) {
|
2013-05-25 12:08:43 +00:00
|
|
|
var i, iLen, languages = [], langlinks = response.query.pages[response.query.pageids[0]].langlinks;
|
|
|
|
if ( langlinks ) {
|
|
|
|
for ( i = 0, iLen = langlinks.length; i < iLen; i++ ) {
|
|
|
|
languages.push( {
|
|
|
|
'lang': langlinks[i].lang,
|
|
|
|
'title': langlinks[i]['*'],
|
|
|
|
'metaItem': null
|
|
|
|
} );
|
|
|
|
}
|
|
|
|
}
|
2013-06-18 17:56:56 +00:00
|
|
|
deferred.resolve( languages );
|
2013-05-25 12:08:43 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
// TODO: This error function should probably not be empty.
|
|
|
|
ve.ui.MWMetaDialog.prototype.onAllLanuageItemsError = function () {};
|
|
|
|
|
2013-05-03 22:17:35 +00:00
|
|
|
/**
|
|
|
|
* Handle category default sort change events.
|
|
|
|
*
|
|
|
|
* @param {string} value Default sort value
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.onDefaultSortChange = function ( value ) {
|
|
|
|
this.categoryWidget.setDefaultSortKey( value === '' ? this.fallbackDefaultSortKey : value );
|
|
|
|
this.defaultSortKeyChanged = true;
|
|
|
|
};
|
|
|
|
|
2013-04-29 21:01:56 +00:00
|
|
|
/**
|
|
|
|
* Inserts new category into meta list
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @param {Object} item
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.onNewCategory = function ( item ) {
|
|
|
|
// Insert new metaList item
|
|
|
|
this.insertMetaListItem( this.getCategoryItemForInsertion( item ) );
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Removes and re-inserts updated category widget item
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @param {Object} item
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.onUpdateSortKey = function ( item ) {
|
2013-05-03 18:30:33 +00:00
|
|
|
// Replace meta item with updated one
|
2013-06-10 21:36:35 +00:00
|
|
|
item.metaItem.replaceWith( this.getCategoryItemForInsertion( item, item.metaItem.getElement() ) );
|
2013-04-29 21:01:56 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Bound to MetaList insert event for adding meta dialog components.
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @param {Object} ve.dm.MetaItem
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.onMetaListInsert = function ( metaItem ) {
|
2013-05-03 18:30:33 +00:00
|
|
|
// Responsible for adding UI components
|
2013-05-28 11:31:41 +00:00
|
|
|
if ( metaItem.element.type === 'mwCategory' ) {
|
2013-05-03 18:30:33 +00:00
|
|
|
this.categoryWidget.addItems(
|
|
|
|
[ this.getCategoryItemFromMetaListItem( metaItem ) ],
|
2013-05-28 11:31:41 +00:00
|
|
|
this.metaList.findItem( metaItem.getOffset(), metaItem.getIndex(), 'mwCategory' )
|
2013-05-03 18:30:33 +00:00
|
|
|
);
|
2013-04-29 21:01:56 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Bound to MetaList insert event for removing meta dialog components.
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
* @param {Object} ve.dm.MetaItem
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.onMetaListRemove = function ( metaItem ) {
|
|
|
|
var item;
|
|
|
|
|
2013-05-28 11:31:41 +00:00
|
|
|
if ( metaItem.element.type === 'mwCategory' ) {
|
2013-04-29 21:01:56 +00:00
|
|
|
item = this.getCategoryItemFromMetaListItem( metaItem );
|
|
|
|
this.categoryWidget.removeItems( [item.value] );
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Inserts a meta list item
|
|
|
|
*
|
|
|
|
* @param {Object} metaBase meta list insert object
|
|
|
|
*/
|
|
|
|
ve.ui.MWMetaDialog.prototype.insertMetaListItem = function ( metaBase ) {
|
2013-06-27 23:21:02 +00:00
|
|
|
this.metaList.insertMeta( metaBase );
|
2013-04-29 21:01:56 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
/* Registration */
|
|
|
|
|
2013-08-27 23:28:29 +00:00
|
|
|
ve.ui.dialogFactory.register( ve.ui.MWMetaDialog );
|