3 * List displaying all filter groups
5 * @extends OO.ui.Widget
6 * @mixins OO.ui.mixin.PendingElement
9 * @param {mw.rcfilters.Controller} controller Controller
10 * @param {mw.rcfilters.dm.FiltersViewModel} model View model
11 * @param {mw.rcfilters.dm.SavedQueriesModel} savedQueriesModel Saved queries model
12 * @param {Object} [config] Configuration object
13 * @cfg {Object} [filters] A definition of the filter groups in this list
14 * @cfg {jQuery} [$overlay] A jQuery object serving as overlay for popups
16 mw
.rcfilters
.ui
.FilterWrapperWidget
= function MwRcfiltersUiFilterWrapperWidget( controller
, model
, savedQueriesModel
, config
) {
17 config
= config
|| {};
20 mw
.rcfilters
.ui
.FilterWrapperWidget
.parent
.call( this, config
);
22 OO
.ui
.mixin
.PendingElement
.call( this, config
);
24 this.controller
= controller
;
26 this.queriesModel
= savedQueriesModel
;
27 this.$overlay
= config
.$overlay
|| this.$element
;
29 this.filterTagWidget
= new mw
.rcfilters
.ui
.FilterTagMultiselectWidget(
33 { $overlay
: this.$overlay
}
36 this.viewToggle
= new OO
.ui
.ButtonSelectWidget( {
37 classes
: [ 'mw-rcfilters-ui-filterWrapperWidget-viewToggleButtons' ],
39 new OO
.ui
.ButtonOptionWidget( {
41 label
: mw
.msg( 'namespaces' ),
43 classes
: [ 'mw-rcfilters-ui-filterWrapperWidget-viewToggleButtons-namespaces' ]
45 new OO
.ui
.ButtonOptionWidget( {
47 label
: mw
.msg( 'rcfilters-view-tags' ),
49 classes
: [ 'mw-rcfilters-ui-filterWrapperWidget-viewToggleButtons-tags' ]
55 this.model
.connect( this, { update
: 'onModelUpdate' } );
56 this.viewToggle
.connect( this, { select
: 'onViewToggleSelect' } );
60 .addClass( 'mw-rcfilters-ui-filterWrapperWidget' );
62 if ( mw
.config
.get( 'wgStructuredChangeFiltersEnableSaving' ) ) {
63 this.savedLinksListWidget
= new mw
.rcfilters
.ui
.SavedLinksListWidget(
66 { $overlay
: this.$overlay
}
70 this.savedLinksListWidget
.$element
76 this.filterTagWidget
.$element
,
77 this.viewToggle
.$element
79 this.viewToggle
.toggle( !!mw
.config
.get( 'wgStructuredChangeFiltersEnableExperimentalViews' ) );
84 OO
.inheritClass( mw
.rcfilters
.ui
.FilterWrapperWidget
, OO
.ui
.Widget
);
85 OO
.mixinClass( mw
.rcfilters
.ui
.FilterWrapperWidget
, OO
.ui
.mixin
.PendingElement
);
90 * Respond to model update event
92 mw
.rcfilters
.ui
.FilterWrapperWidget
.prototype.onModelUpdate = function () {
93 // Synchronize the state of the toggle buttons with the current view
94 this.viewToggle
.selectItemByData( this.model
.getCurrentView() );
98 * Respond to namespace toggle button click
100 * @param {OO.ui.ButtonWidget} buttonWidget The button that was clicked
102 mw
.rcfilters
.ui
.FilterWrapperWidget
.prototype.onViewToggleSelect = function ( buttonWidget
) {
103 if ( buttonWidget
) {
104 this.controller
.switchView( buttonWidget
.getData() );
105 this.filterTagWidget
.focus();