2 var ItemMenuOptionWidget
= require( './ItemMenuOptionWidget.js' ),
3 FilterMenuOptionWidget
;
6 * A widget representing a single toggle filter
8 * @class mw.rcfilters.ui.FilterMenuOptionWidget
9 * @extends mw.rcfilters.ui.ItemMenuOptionWidget
12 * @param {mw.rcfilters.Controller} controller RCFilters controller
13 * @param {mw.rcfilters.dm.FiltersViewModel} filtersViewModel
14 * @param {mw.rcfilters.dm.FilterItem} invertModel
15 * @param {mw.rcfilters.dm.FilterItem} itemModel Filter item model
16 * @param {mw.rcfilters.ui.HighlightPopupWidget} highlightPopup Shared highlight color picker popup
17 * @param {Object} config Configuration object
19 FilterMenuOptionWidget
= function MwRcfiltersUiFilterMenuOptionWidget(
20 controller
, filtersViewModel
, invertModel
, itemModel
, highlightPopup
, config
22 config
= config
|| {};
24 this.controller
= controller
;
25 this.invertModel
= invertModel
;
26 this.model
= itemModel
;
29 FilterMenuOptionWidget
.parent
.call( this, controller
, filtersViewModel
, this.invertModel
, itemModel
, highlightPopup
, config
);
32 this.model
.getGroupModel().connect( this, { update
: 'onGroupModelUpdate' } );
35 .addClass( 'mw-rcfilters-ui-filterMenuOptionWidget' );
39 OO
.inheritClass( FilterMenuOptionWidget
, ItemMenuOptionWidget
);
41 /* Static properties */
43 // We do our own scrolling to top
44 FilterMenuOptionWidget
.static.scrollIntoViewOnSelect
= false;
51 FilterMenuOptionWidget
.prototype.updateUiBasedOnState = function () {
53 FilterMenuOptionWidget
.parent
.prototype.updateUiBasedOnState
.call( this );
55 this.setCurrentMuteState();
59 * Respond to item group model update event
61 FilterMenuOptionWidget
.prototype.onGroupModelUpdate = function () {
62 this.setCurrentMuteState();
66 * Set the current muted view of the widget based on its state
68 FilterMenuOptionWidget
.prototype.setCurrentMuteState = function () {
70 this.model
.getGroupModel().getView() === 'namespaces' &&
71 this.invertModel
.isSelected()
73 // This is an inverted behavior than the other rules, specifically
74 // for inverted namespaces
76 muted
: this.model
.isSelected()
81 this.model
.isConflicted() ||
83 // Item is also muted when any of the items in its group is active
84 this.model
.getGroupModel().isActive() &&
85 // But it isn't selected
86 !this.model
.isSelected() &&
87 // And also not included
88 !this.model
.isIncluded()
95 module
.exports
= FilterMenuOptionWidget
;