wikimedia/mediawiki-extensions-Cite
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Cite synced 2024-11-27 16:30:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Display extends warning message when editing a reference"

Browse source
This commit is contained in:
jenkins-bot 2024-07-05 10:55:58 +00:00 committed by Gerrit Code Review
parent 0030cfde68 2ffbf1fa66
commit 1f4175593b
3 changed files with 34 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
modules/ve-cite/ve.ui.MWReferenceDialog.js
View file

@ -249,6 +249,7 @@ ve.ui.MWReferenceDialog.prototype.setReferenceForEditing = function ( ref ) {
this.setFormFieldsFromRef( this.referenceModel );
this.updateReuseWarningFromRef( this.referenceModel );
this.updateExtendsWarningFromRef( this.referenceModel );
return this;
};
@ -284,6 +285,24 @@ ve.ui.MWReferenceDialog.prototype.updateReuseWarningFromRef = function ( ref ) {
.setLabel( mw.msg( 'cite-ve-dialog-reference-editing-reused-long', usages ) );
};
/**
* @private
* @param {ve.dm.MWReferenceModel} ref
*/
ve.ui.MWReferenceDialog.prototype.updateExtendsWarningFromRef = function ( ref ) {
if ( ref.extendsRef ) {
const list = this.getFragment().getDocument().getInternalList();
const itemNode = list.getItemNode( list.keys.indexOf( ref.extendsRef ) );
const parentRefText = new ve.ui.MWPreviewElement( itemNode, { useView: true } ).$element.text();
// TODO extends i18n
this.extendsWarning.setLabel(
`This is an extension of another reference: ${ parentRefText }`
);
}
this.extendsWarning.toggle( !!ref.extendsRef );
};
/**
* @override
*/
@ -304,8 +323,16 @@ ve.ui.MWReferenceDialog.prototype.initialize = function () {
classes: [ 've-ui-mwReferenceDialog-reuseWarning' ]
} );
// Icon message widget
this.extendsWarning = new OO.ui.MessageWidget( {
icon: 'alert',
inline: true,
classes: [ 've-ui-mwReferenceDialog-extendsWarning' ]
} );
const citeCommands = Object.keys( ve.init.target.getSurface().commandRegistry.registry )
.filter( ( command ) => command.indexOf( 'cite-' ) !== -1 );
this.referenceTarget = ve.init.target.createTargetWidget(
{
includeCommands: this.constructor.static.includeCommands,
@ -343,7 +370,7 @@ ve.ui.MWReferenceDialog.prototype.initialize = function () {
this.panels.addItems( [ this.editPanel, this.searchPanel ] );
this.editPanel.$element.append(
this.reuseWarning.$element, this.contentFieldset.$element, this.optionsFieldset.$element );
this.reuseWarning.$element, this.extendsWarning.$element, this.contentFieldset.$element, this.optionsFieldset.$element );
this.optionsFieldset.addItems( [ this.referenceGroupField ] );
this.searchPanel.$element.append( this.search.$element );
this.$body.append( this.panels.$element );
@ -402,7 +429,9 @@ ve.ui.MWReferenceDialog.prototype.getSetupProcess = function ( data ) {
.next( () => {
this.panels.setItem( this.editPanel );
if ( this.selectedNode instanceof ve.dm.MWReferenceNode ) {
this.setReferenceForEditing( ve.dm.MWReferenceModel.static.newFromReferenceNode( this.selectedNode ) );
this.setReferenceForEditing(
ve.dm.MWReferenceModel.static.newFromReferenceNode( this.selectedNode )
);
} else {
this.setReferenceForEditing( new ve.dm.MWReferenceModel( this.getFragment().getDocument() ) );
this.actions.setAbilities( { done: false, insert: false } );

3
modules/ve-cite/ve.ui.MWReferenceDialog.less
View file

@ -5,7 +5,8 @@
* @license MIT
*/
.ve-ui-mwReferenceDialog-reuseWarning {
.ve-ui-mwReferenceDialog-reuseWarning,
.ve-ui-mwReferenceDialog-extendsWarning {
font-weight: normal;
margin-bottom: 1em;
}

1
tests/qunit/ve-cite/ve.ui.MWReferenceDialog.test.js
View file

@ -7,6 +7,7 @@ QUnit.test( 'setReferenceForEditing', ( assert ) => {
dialog.referenceGroupInput = new ve.ui.MWReferenceGroupInputWidget( {} );
dialog.reuseWarning = new OO.ui.MessageWidget();
dialog.extendsWarning = new OO.ui.MessageWidget();
// XXX: This is a regression test with a fragile setup. Please feel free to delete this test
// when you feel like it doesn't make sense to update it.