1 files changed, 78 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ViewSwitchWidget.js b/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ViewSwitchWidget.js
new file mode 100644
index 00000000..aadded15
--- /dev/null
+++ b/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ViewSwitchWidget.js
@@ -0,0 +1,78 @@
+( function ( mw ) {
+	/**
+	 * A widget for the footer for the default view, allowing to switch views
+	 *
+	 * @extends OO.ui.Widget
+	 *
+	 * @constructor
+	 * @param {mw.rcfilters.Controller} controller Controller
+	 * @param {mw.rcfilters.dm.FiltersViewModel} model View model
+	 * @param {Object} [config] Configuration object
+	 */
+	mw.rcfilters.ui.ViewSwitchWidget = function MwRcfiltersUiViewSwitchWidget( controller, model, config ) {
+		config = config || {};
+
+		// Parent
+		mw.rcfilters.ui.ViewSwitchWidget.parent.call( this, config );
+
+		this.controller = controller;
+		this.model = model;
+
+		this.buttons = new mw.rcfilters.ui.GroupWidget( {
+			events: {
+				click: 'buttonClick'
+			},
+			items: [
+				new OO.ui.ButtonWidget( {
+					data: 'namespaces',
+					icon: 'article',
+					label: mw.msg( 'namespaces' )
+				} ),
+				new OO.ui.ButtonWidget( {
+					data: 'tags',
+					icon: 'tag',
+					label: mw.msg( 'rcfilters-view-tags' )
+				} )
+			]
+		} );
+
+		// Events
+		this.model.connect( this, { update: 'onModelUpdate' } );
+		this.buttons.connect( this, { buttonClick: 'onButtonClick' } );
+
+		this.$element
+			.addClass( 'mw-rcfilters-ui-viewSwitchWidget' )
+			.append(
+				new OO.ui.LabelWidget( {
+					label: mw.msg( 'rcfilters-advancedfilters' )
+				} ).$element,
+				$( '<div>' )
+					.addClass( 'mw-rcfilters-ui-viewSwitchWidget-buttons' )
+					.append( this.buttons.$element )
+			);
+	};
+
+	/* Initialize */
+
+	OO.inheritClass( mw.rcfilters.ui.ViewSwitchWidget, OO.ui.Widget );
+
+	/**
+	 * Respond to model update event
+	 */
+	mw.rcfilters.ui.ViewSwitchWidget.prototype.onModelUpdate = function () {
+		var currentView = this.model.getCurrentView();
+
+		this.buttons.getItems().forEach( function ( buttonWidget ) {
+			buttonWidget.setActive( buttonWidget.getData() === currentView );
+		} );
+	};
+
+	/**
+	 * Respond to button switch click
+	 *
+	 * @param {OO.ui.ButtonWidget} buttonWidget Clicked button
+	 */
+	mw.rcfilters.ui.ViewSwitchWidget.prototype.onButtonClick = function ( buttonWidget ) {
+		this.controller.switchView( buttonWidget.getData() );
+	};
+}( mediaWiki ) );