Merge "Add 3D filetype for STL files"

[lhc/web/wiklou.git] / resources / src / mediawiki.rcfilters / ui / mw.rcfilters.ui.FilterWrapperWidget.js

diff --git a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterWrapperWidget.js b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterWrapperWidget.js
index ebef62f..4626514 100644 (file)
--- a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterWrapperWidget.js
+++ b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterWrapperWidget.js
@@ -33,6 +33,28 @@
                        { $overlay: this.$overlay }
                );
 
+               this.viewToggle = new OO.ui.ButtonSelectWidget( {
+                       classes: [ 'mw-rcfilters-ui-filterWrapperWidget-viewToggleButtons' ],
+                       items: [
+                               new OO.ui.ButtonOptionWidget( {
+                                       data: 'namespaces',
+                                       label: mw.msg( 'namespaces' ),
+                                       icon: 'article',
+                                       classes: [ 'mw-rcfilters-ui-filterWrapperWidget-viewToggleButtons-namespaces' ]
+                               } ),
+                               new OO.ui.ButtonOptionWidget( {
+                                       data: 'tags',
+                                       label: mw.msg( 'rcfilters-view-tags' ),
+                                       icon: 'tag',
+                                       classes: [ 'mw-rcfilters-ui-filterWrapperWidget-viewToggleButtons-tags' ]
+                               } )
+                       ]
+               } );
+
+               // Events
+               this.model.connect( this, { update: 'onModelUpdate' } );
+               this.viewToggle.connect( this, { select: 'onViewToggleSelect' } );
+
                // Initialize
                this.$element
                        .addClass( 'mw-rcfilters-ui-filterWrapperWidget' );
@@ -51,12 +73,37 @@
                }
 
                this.$element.append(
-                       this.filterTagWidget.$element
+                       this.filterTagWidget.$element,
+                       this.viewToggle.$element
                );
+               this.viewToggle.toggle( !!mw.config.get( 'wgStructuredChangeFiltersEnableExperimentalViews' ) );
        };
 
        /* Initialization */
 
        OO.inheritClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.Widget );
        OO.mixinClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.mixin.PendingElement );
+
+       /* Methods */
+
+       /**
+        * Respond to model update event
+        */
+       mw.rcfilters.ui.FilterWrapperWidget.prototype.onModelUpdate = function () {
+               // Synchronize the state of the toggle buttons with the current view
+               this.viewToggle.selectItemByData( this.model.getCurrentView() );
+       };
+
+       /**
+        * Respond to namespace toggle button click
+        *
+        * @param {OO.ui.ButtonWidget} buttonWidget The button that was clicked
+        */
+       mw.rcfilters.ui.FilterWrapperWidget.prototype.onViewToggleSelect = function ( buttonWidget ) {
+               if ( buttonWidget ) {
+                       this.controller.switchView( buttonWidget.getData() );
+                       this.filterTagWidget.focus();
+               }
+       };
+
 }( mediaWiki ) );