3 * A widget representing a single toggle filter
5 * @extends mw.rcfilters.ui.ItemMenuOptionWidget
8 * @param {mw.rcfilters.Controller} controller RCFilters controller
9 * @param {mw.rcfilters.dm.FiltersViewModel} filtersViewModel
10 * @param {mw.rcfilters.dm.FilterItem} invertModel
11 * @param {mw.rcfilters.dm.FilterItem} itemModel Filter item model
12 * @param {Object} config Configuration object
14 mw
.rcfilters
.ui
.FilterMenuOptionWidget
= function MwRcfiltersUiFilterMenuOptionWidget(
15 controller
, filtersViewModel
, invertModel
, itemModel
, config
17 config
= config
|| {};
19 this.controller
= controller
;
20 this.invertModel
= invertModel
;
21 this.model
= itemModel
;
24 mw
.rcfilters
.ui
.FilterMenuOptionWidget
.parent
.call( this, controller
, filtersViewModel
, this.invertModel
, itemModel
, config
);
27 this.model
.getGroupModel().connect( this, { update
: 'onGroupModelUpdate' } );
30 .addClass( 'mw-rcfilters-ui-filterMenuOptionWidget' );
34 OO
.inheritClass( mw
.rcfilters
.ui
.FilterMenuOptionWidget
, mw
.rcfilters
.ui
.ItemMenuOptionWidget
);
36 /* Static properties */
38 // We do our own scrolling to top
39 mw
.rcfilters
.ui
.FilterMenuOptionWidget
.static.scrollIntoViewOnSelect
= false;
46 mw
.rcfilters
.ui
.FilterMenuOptionWidget
.prototype.updateUiBasedOnState = function () {
48 mw
.rcfilters
.ui
.FilterMenuOptionWidget
.parent
.prototype.updateUiBasedOnState
.call( this );
50 this.setCurrentMuteState();
54 * Respond to item group model update event
56 mw
.rcfilters
.ui
.FilterMenuOptionWidget
.prototype.onGroupModelUpdate = function () {
57 this.setCurrentMuteState();
61 * Set the current muted view of the widget based on its state
63 mw
.rcfilters
.ui
.FilterMenuOptionWidget
.prototype.setCurrentMuteState = function () {
65 this.model
.getGroupModel().getView() === 'namespaces' &&
66 this.invertModel
.isSelected()
68 // This is an inverted behavior than the other rules, specifically
69 // for inverted namespaces
71 muted
: this.model
.isSelected()
76 this.model
.isConflicted() ||
78 // Item is also muted when any of the items in its group is active
79 this.model
.getGroupModel().isActive() &&
80 // But it isn't selected
81 !this.model
.isSelected() &&
82 // And also not included
83 !this.model
.isIncluded()