Merge "Revised styling of sister-search sidebar."
[lhc/web/wiklou.git] / resources / src / mediawiki.rcfilters / ui / mw.rcfilters.ui.FilterWrapperWidget.js
1 ( function ( mw ) {
2 /**
3 * List displaying all filter groups
4 *
5 * @extends OO.ui.Widget
6 * @mixins OO.ui.mixin.PendingElement
7 *
8 * @constructor
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
15 */
16 mw.rcfilters.ui.FilterWrapperWidget = function MwRcfiltersUiFilterWrapperWidget( controller, model, savedQueriesModel, config ) {
17 config = config || {};
18
19 // Parent
20 mw.rcfilters.ui.FilterWrapperWidget.parent.call( this, config );
21 // Mixin constructors
22 OO.ui.mixin.PendingElement.call( this, config );
23
24 this.controller = controller;
25 this.model = model;
26 this.queriesModel = savedQueriesModel;
27 this.$overlay = config.$overlay || this.$element;
28
29 this.filterTagWidget = new mw.rcfilters.ui.FilterTagMultiselectWidget(
30 this.controller,
31 this.model,
32 this.queriesModel,
33 { $overlay: this.$overlay }
34 );
35
36 this.savedLinksListWidget = new mw.rcfilters.ui.SavedLinksListWidget(
37 this.controller,
38 this.queriesModel,
39 { $overlay: this.$overlay }
40 );
41
42 // Initialize
43 this.$element
44 .addClass( 'mw-rcfilters-ui-filterWrapperWidget' )
45 .append(
46 this.savedLinksListWidget.$element,
47 this.filterTagWidget.$element
48 );
49 };
50
51 /* Initialization */
52
53 OO.inheritClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.Widget );
54 OO.mixinClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.mixin.PendingElement );
55 }( mediaWiki ) );