15e7eee7656a2216482b4c7605d8fa84af4bb864
3 * Menu header for the RCFilters filters menu
5 * @extends OO.ui.Widget
8 * @param {mw.rcfilters.Controller} controller Controller
9 * @param {mw.rcfilters.dm.FiltersViewModel} model View model
10 * @param {Object} config Configuration object
11 * @cfg {jQuery} [$overlay] A jQuery object serving as overlay for popups
13 mw
.rcfilters
.ui
.FilterMenuHeaderWidget
= function MwRcfiltersUiFilterMenuHeaderWidget( controller
, model
, config
) {
14 config
= config
|| {};
16 this.controller
= controller
;
18 this.$overlay
= config
.$overlay
|| this.$element
;
21 mw
.rcfilters
.ui
.FilterMenuHeaderWidget
.parent
.call( this, config
);
22 OO
.ui
.mixin
.LabelElement
.call( this, $.extend( {
23 label
: mw
.msg( 'rcfilters-filterlist-title' ),
25 .addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-title' )
29 this.highlightButton
= new OO
.ui
.ToggleButtonWidget( {
31 label
: mw
.message( 'rcfilters-highlightbutton-title' ).text(),
32 classes
: [ 'mw-rcfilters-ui-filterMenuHeaderWidget-hightlightButton' ]
37 .connect( this, { click
: 'onHighlightButtonClick' } );
38 this.model
.connect( this, { highlightChange
: 'onModelHighlightChange' } );
42 .addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget' )
45 .addClass( 'mw-rcfilters-ui-table' )
46 .addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-header' )
49 .addClass( 'mw-rcfilters-ui-row' )
52 .addClass( 'mw-rcfilters-ui-cell' )
53 .addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-header-title' )
54 .append( this.$label
),
56 .addClass( 'mw-rcfilters-ui-cell' )
57 .addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight' )
58 .append( this.highlightButton
.$element
)
66 OO
.inheritClass( mw
.rcfilters
.ui
.FilterMenuHeaderWidget
, OO
.ui
.Widget
);
67 OO
.mixinClass( mw
.rcfilters
.ui
.FilterMenuHeaderWidget
, OO
.ui
.mixin
.LabelElement
);
72 * Respond to model highlight change event
74 * @param {boolean} highlightEnabled Highlight is enabled
76 mw
.rcfilters
.ui
.FilterMenuHeaderWidget
.prototype.onModelHighlightChange = function ( highlightEnabled
) {
77 this.highlightButton
.setActive( highlightEnabled
);
81 * Respond to highlight button click
83 mw
.rcfilters
.ui
.FilterMenuHeaderWidget
.prototype.onHighlightButtonClick = function () {
84 this.controller
.toggleHighlight();
86 }( mediaWiki
, jQuery
) );