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 {mw.rcfilters.dm.ChangesListViewModel} changesListModel
13 * @param {Object} [config] Configuration object
14 * @cfg {Object} [filters] A definition of the filter groups in this list
15 * @cfg {jQuery} [$overlay] A jQuery object serving as overlay for popups
17 mw
.rcfilters
.ui
.FilterWrapperWidget
= function MwRcfiltersUiFilterWrapperWidget(
18 controller
, model
, savedQueriesModel
, changesListModel
, config
20 var $top
, $topRow
, $bottom
;
21 config
= config
|| {};
24 mw
.rcfilters
.ui
.FilterWrapperWidget
.parent
.call( this, config
);
26 OO
.ui
.mixin
.PendingElement
.call( this, config
);
28 this.controller
= controller
;
30 this.queriesModel
= savedQueriesModel
;
31 this.$overlay
= config
.$overlay
|| this.$element
;
33 this.filterTagWidget
= new mw
.rcfilters
.ui
.FilterTagMultiselectWidget(
37 { $overlay
: this.$overlay
}
40 this.liveUpdateButton
= new mw
.rcfilters
.ui
.LiveUpdateButtonWidget(
45 this.numChangesWidget
= new mw
.rcfilters
.ui
.ChangesLimitButtonWidget(
49 $overlay
: this.$overlay
53 this.dateWidget
= new mw
.rcfilters
.ui
.DateButtonWidget(
57 $overlay
: this.$overlay
62 $topRow
= $( '<div>' )
63 .addClass( 'mw-rcfilters-ui-row' )
66 .addClass( 'mw-rcfilters-ui-cell' )
67 .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top-placeholder' )
70 .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top' )
71 .addClass( 'mw-rcfilters-ui-table' )
74 $bottom
= $( '<div>' )
75 .addClass( 'mw-rcfilters-ui-filterWrapperWidget-bottom' )
77 this.numChangesWidget
.$element
,
78 this.dateWidget
.$element
81 if ( mw
.config
.get( 'wgStructuredChangeFiltersEnableSaving' ) ) {
82 this.savedLinksListWidget
= new mw
.rcfilters
.ui
.SavedLinksListWidget(
85 { $overlay
: this.$overlay
}
90 .addClass( 'mw-rcfilters-ui-cell' )
91 .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top-savedLinks' )
92 .append( this.savedLinksListWidget
.$element
)
97 mw
.config
.get( 'wgStructuredChangeFiltersEnableLiveUpdate' ) ||
98 // Allow users to enable live update with ?liveupdate=1
99 new mw
.Uri().query
.liveupdate
101 $bottom
.append( this.liveUpdateButton
.$element
);
105 .addClass( 'mw-rcfilters-ui-filterWrapperWidget' )
108 this.filterTagWidget
.$element
,
115 OO
.inheritClass( mw
.rcfilters
.ui
.FilterWrapperWidget
, OO
.ui
.Widget
);
116 OO
.mixinClass( mw
.rcfilters
.ui
.FilterWrapperWidget
, OO
.ui
.mixin
.PendingElement
);