Page MenuHomeWickedGov Phorge
Files F4060463

EditCheckGutterSectionWidget.js
No OneTemporary
Actions

Size
5 KB
Referenced Files
None
Subscribers
None

EditCheckGutterSectionWidget.js
View Options

/**
* EditCheckGutterSectionWidget
*
* @class
*
* @param {Object} config Configuration options
* @param {mw.editcheck.Controller} config.controller
* @param {mw.editcheck.EditCheckAction[]} config.actions
*/
mw.editcheck.EditCheckGutterSectionWidget = function MWEditCheckGutterSectionWidget( config ) {
this.controller = config.controller;
this.actions = config.actions;
this.icon = new OO.ui.IconWidget();
this.iconLabel = new OO.ui.LabelWidget( {
label: this.actions.length.toString(),
invisibleLabel: this.actions.length === 1
} );
this.actionButton = new OO.ui.ButtonWidget( {
icon: 'check',
flags: [ 'invert' ],
label: 'act',
invisibleLabel: true,
framed: false
} );
this.actionButton.toggle( false );
this.$element = $( '<div>' )
.addClass( 've-ui-editCheck-gutter-action' )
.append( this.icon.$element, this.iconLabel.$element, this.actionButton.$element )
.on( 'click', this.onClick.bind( this ) );
if ( config.rect ) {
this.setPosition( config.rect );
}
};
OO.initClass( mw.editcheck.EditCheckGutterSectionWidget );
/* Methods */
mw.editcheck.EditCheckGutterSectionWidget.prototype.isFocused = function () {
return this.actions.includes( this.controller.focusedAction );
};
mw.editcheck.EditCheckGutterSectionWidget.prototype.getPrimaryAction = function () {
if ( this.controller.focusedAction && this.actions.includes( this.controller.focusedAction ) ) {
return this.controller.focusedAction;
}
return this.actions[ 0 ];
};
mw.editcheck.EditCheckGutterSectionWidget.prototype.update = function () {
const action = this.getPrimaryAction();
this.$element
.removeClass( ( index, classes ) => (
classes.split( ' ' ).filter( ( cls ) => cls.startsWith( 've-ui-editCheck-gutter-action-' ) )
) )
// The following classes are used here:
// * ve-ui-editCheck-gutter-action-error
// * ve-ui-editCheck-gutter-action-warning
// * ve-ui-editCheck-gutter-action-notice
// * ve-ui-editCheck-gutter-action-success
.addClass( 've-ui-editCheck-gutter-action-' + action.getType() )
.toggleClass( 've-ui-editCheck-gutter-action-inactive', !this.isFocused() )
.toggleClass( 've-ui-editCheck-gutter-action-stale', action.isStale() )
.toggleClass( 've-ui-editCheck-gutter-action-suggestion', action.isSuggestion() );
if ( action.gutterQuickAction ) {
this.$element.addClass( 've-ui-editCheck-gutter-action-quickaction' );
this.icon.toggle( false );
this.iconLabel.toggle( false );
this.actionButton.toggle( true );
} else {
this.icon.setIcon( mw.editcheck.EditCheckActionWidget.static.iconMap[ action.getType() ] || 'notice' );
this.icon.toggle( true );
this.iconLabel.toggle( true );
this.actionButton.toggle( false );
if ( this.actions.includes( this.controller.focusedAction ) ) {
this.icon.setFlags( this.controller.focusedAction.getType() );
} else {
this.icon.clearFlags();
}
}
};
mw.editcheck.EditCheckGutterSectionWidget.prototype.setPosition = function ( rect ) {
this.$element.css( {
top: rect.top + 2,
height: rect.height
} );
this.update();
};
mw.editcheck.EditCheckGutterSectionWidget.prototype.onClick = function () {
if ( this.acting ) {
return;
}
const action = this.getPrimaryAction();
this.controller.focusAction( action, true );
// Should we trigger the popup? By default yes, unless
// we're in the onBeforeSave mode where we can assume
// something else is handling it.
if ( this.controller.inBeforeSave ) {
return;
}
// mid-edit
const controller = this.controller;
const surface = controller.surface;
if ( action.gutterQuickAction ) {
// This is an abridged set of what ve.ui.EditCheckDialog.prototype.onAct does
const promise = action.check.act( action.gutterQuickAction, action, surface );
this.actionButton.setDisabled( true );
this.acting = true;
promise.then( () => {
this.actionButton.setDisabled( false );
this.acting = false;
controller.updatePositionsDebounced();
if ( controller.getActions().includes( action ) ) {
// The action wasn't removed, so show its dialog again
this.showDialogWithAction( action );
}
} );
return;
}
const currentWindow = surface.getToolbarDialogs( ve.ui.FixedEditCheckDialog.static.position ).getCurrentWindow();
if ( !currentWindow || currentWindow.constructor.static.name !== 'fixedEditCheckDialog' ) {
this.showDialogWithAction( action );
} else if ( this.actions.every( ( sact ) => currentWindow.hasAction( sact ) ) ) {
// Second click: defocus and close
return this.controller.closeDialog();
} else {
currentWindow.showActions( this.actions, [ action ] );
currentWindow.footer.toggle( this.actions.length !== 1 );
}
};
mw.editcheck.EditCheckGutterSectionWidget.prototype.showDialogWithAction = function ( action ) {
const windowAction = ve.ui.actionFactory.create( 'window', this.controller.surface, 'check' );
windowAction.open(
'fixedEditCheckDialog',
{
controller: this.controller,
inBeforeSave: false,
actions: this.actions,
footer: this.actions.length !== 1,
// just filter out any discarded actions from the allowed set
updateFilter: ( updatedActions, newActions, discardedActions, prevActions ) => prevActions.filter( ( pact ) => !discardedActions.includes( pact ) )
}
);
this.controller.focusAction( action, true );
};
mw.editcheck.EditCheckGutterSectionWidget.prototype.teardown = function () {
this.$element.remove();
this.controller = null;
this.surface = null;
};

File Metadata

Mime Type
text/plain
Expires
Aug 16 2026, 07:33 (12 w, 16 h ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
15/ca/87e684cc3616b3029481732ecda8
Default Alt Text
EditCheckGutterSectionWidget.js (5 KB)

Event Timeline