.addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-title' )
}, config ) );
+ // "Back" to default view button
+ this.backButton = new OO.ui.ButtonWidget( {
+ icon: 'previous',
+ framed: false,
+ title: mw.msg( 'rcfilters-view-return-to-default-tooltip' ),
+ classes: [ 'mw-rcfilters-ui-filterMenuHeaderWidget-backButton' ]
+ } );
+ this.backButton.toggle( this.model.getCurrentView() !== 'default' );
+
// Highlight button
this.highlightButton = new OO.ui.ToggleButtonWidget( {
icon: 'highlight',
this.invertNamespacesButton.toggle( this.model.getCurrentView() === 'namespaces' );
// Events
+ this.backButton.connect( this, { click: 'onBackButtonClick' } );
this.highlightButton
.connect( this, { click: 'onHighlightButtonClick' } );
this.invertNamespacesButton
$( '<div>' )
.addClass( 'mw-rcfilters-ui-row' )
.append(
+ $( '<div>' )
+ .addClass( 'mw-rcfilters-ui-cell' )
+ .addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-header-back' )
+ .append( this.backButton.$element ),
$( '<div>' )
.addClass( 'mw-rcfilters-ui-cell' )
.addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-header-title' )
* Respond to model update event
*/
mw.rcfilters.ui.FilterMenuHeaderWidget.prototype.onModelUpdate = function () {
- this.setLabel( this.model.getCurrentViewLabel() );
+ var currentView = this.model.getCurrentView();
- this.invertNamespacesButton.toggle( this.model.getCurrentView() === 'namespaces' );
+ this.setLabel( this.model.getViewTitle( currentView ) );
+
+ this.invertNamespacesButton.toggle( currentView === 'namespaces' );
+ this.backButton.toggle( currentView !== 'default' );
};
/**
this.invertNamespacesButton.setActive( isInverted );
};
+ mw.rcfilters.ui.FilterMenuHeaderWidget.prototype.onBackButtonClick = function () {
+ this.controller.switchView( 'default' );
+ };
+
/**
* Respond to highlight button click
*/