wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-15 10:35:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Dynamically set the visibility of the sidebar search"

Browse source
This commit is contained in:
jenkins-bot 2021-07-21 12:41:26 +00:00 committed by Gerrit Code Review
parent 3d80b759b4 ef33a908a0
commit d37cde0de0
1 changed files with 28 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
modules/ve-mw/ui/widgets/ve.ui.MWTransclusionOutlineTemplateWidget.js
View file

@ -35,33 +35,32 @@ ve.ui.MWTransclusionOutlineTemplateWidget = function VeUiMWTransclusionOutlineTe
return widget.createCheckbox( paramName );
} );
if ( checkboxes.length >= 1 ) {
this.searchWidget = new OO.ui.SearchInputWidget( {
placeholder: ve.msg( 'visualeditor-dialog-transclusion-filter-placeholder' ),
classes: [ 've-ui-mwTransclusionOutlineTemplateWidget-searchWidget' ]
} ).connect( this, {
change: 'onFilterChange'
} );
this.infoWidget = new OO.ui.LabelWidget( {
label: new OO.ui.HtmlSnippet( ve.msg( 'visualeditor-dialog-transclusion-filter-no-match' ) ),
classes: [ 've-ui-mwTransclusionOutlineTemplateWidget-no-match' ]
} ).toggle( false );
}
this.searchWidget = new OO.ui.SearchInputWidget( {
placeholder: ve.msg( 'visualeditor-dialog-transclusion-filter-placeholder' ),
classes: [ 've-ui-mwTransclusionOutlineTemplateWidget-searchWidget' ]
} ).connect( this, {
change: 'onFilterChange'
} ).toggle( false );
this.infoWidget = new OO.ui.LabelWidget( {
label: new OO.ui.HtmlSnippet( ve.msg( 'visualeditor-dialog-transclusion-filter-no-match' ) ),
classes: [ 've-ui-mwTransclusionOutlineTemplateWidget-no-match' ]
} ).toggle( false );
var addParameterButton = new ve.ui.MWTransclusionOutlineButtonWidget( {
icon: 'parameter',
label: ve.msg( 'visualeditor-dialog-transclusion-add-param' )
} )
.connect( this, { click: 'onAddParameterButtonClick' } );
} ).connect( this, { click: 'onAddParameterButtonClick' } );
this.parameters = new OO.ui.FieldsetLayout( {
items: checkboxes
} );
this.parameters = new OO.ui.FieldsetLayout()
.connect( this, { change: 'onCheckboxListChange' } );
this.parameters.addItems( checkboxes );
if ( this.searchWidget ) {
this.$element.append( this.searchWidget.$element, this.infoWidget.$element );
}
this.$element.append( this.parameters.$element, addParameterButton.$element );
this.$element.append(
this.searchWidget.$element,
this.infoWidget.$element,
this.parameters.$element,
addParameterButton.$element
);
};
/* Inheritance */
@ -100,9 +99,7 @@ ve.ui.MWTransclusionOutlineTemplateWidget.prototype.onAddParameter = function (
if ( checkbox ) {
checkbox.setSelected( true, true );
} else if ( paramName ) {
if ( this.searchWidget ) {
this.searchWidget.setValue( '' );
}
this.searchWidget.setValue( '' );
this.parameters.addItems(
[ this.createCheckbox( paramName ) ],
this.templateModel.getAllParametersOrdered().indexOf( paramName )
@ -154,6 +151,13 @@ ve.ui.MWTransclusionOutlineTemplateWidget.prototype.onAddParameterButtonClick =
this.templateModel.addParameter( new ve.dm.MWParameterModel( this.templateModel ) );
};
/**
* @param {OO.ui.Element[]} items
*/
ve.ui.MWTransclusionOutlineTemplateWidget.prototype.onCheckboxListChange = function ( items ) {
this.searchWidget.toggle( items.length >= 1 );
};
/**
* Narrows the list of checkboxes down to parameters that match the user's input. The search
* algorithm is modelled after {@see ve.ui.MWParameterSearchWidget.buildIndex}. We search the