RCFilters: Ignore sticky filters when emptying all filters

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

diff --git a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ChangesLimitPopupWidget.js b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ChangesLimitPopupWidget.js
index 02101ab..7248bd7 100644 (file)
--- a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ChangesLimitPopupWidget.js
+++ b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ChangesLimitPopupWidget.js
@@ -5,31 +5,53 @@
         * @extends OO.ui.Widget
         *
         * @constructor
-        * @param {mw.rcfilters.dm.FilterGroup} model Group model for 'limit'
+        * @param {mw.rcfilters.dm.FilterGroup} limitModel Group model for 'limit'
+        * @param {mw.rcfilters.dm.FilterItem} groupByPageItemModel Group model for 'limit'
         * @param {Object} [config] Configuration object
         */
-       mw.rcfilters.ui.ChangesLimitPopupWidget = function MwRcfiltersUiChangesLimitPopupWidget( model, config ) {
+       mw.rcfilters.ui.ChangesLimitPopupWidget = function MwRcfiltersUiChangesLimitPopupWidget( limitModel, groupByPageItemModel, config ) {
                config = config || {};
 
                // Parent
                mw.rcfilters.ui.ChangesLimitPopupWidget.parent.call( this, config );
 
-               this.model = model;
+               this.limitModel = limitModel;
+               this.groupByPageItemModel = groupByPageItemModel;
 
                this.valuePicker = new mw.rcfilters.ui.ValuePickerWidget(
-                       this.model,
+                       this.limitModel,
                        {
                                label: mw.msg( 'rcfilters-limit-title' )
                        }
                );
 
+               this.groupByPageCheckbox = new OO.ui.CheckboxInputWidget( {
+                       selected: this.groupByPageItemModel.isSelected()
+               } );
+
                // Events
                this.valuePicker.connect( this, { choose: [ 'emit', 'limit' ] } );
+               this.groupByPageCheckbox.connect( this, { change: [ 'emit', 'groupByPage' ] } );
+               this.groupByPageItemModel.connect( this, { update: 'onGroupByPageModelUpdate' } );
 
                // Initialize
                this.$element
                        .addClass( 'mw-rcfilters-ui-changesLimitPopupWidget' )
-                       .append( this.valuePicker.$element );
+                       .append(
+                               this.valuePicker.$element,
+                               new OO.ui.FieldsetLayout( {
+                                       label: mw.msg( 'rcfilters-grouping-title' ),
+                                       items: [
+                                               new OO.ui.FieldLayout(
+                                                       this.groupByPageCheckbox,
+                                                       {
+                                                               align: 'inline',
+                                                               label: mw.msg( 'rcfilters-group-results-by-page' )
+                                                       }
+                                               )
+                                       ]
+                               } ).$element
+                       );
        };
 
        /* Initialization */
@@ -44,4 +66,18 @@
         *
         * A limit item was chosen
         */
+
+       /**
+        * @event groupByPage
+        * @param {boolean} isGrouped The results are grouped by page
+        *
+        * Results are grouped by page
+        */
+
+       /**
+        * Respond to group by page model update
+        */
+       mw.rcfilters.ui.ChangesLimitPopupWidget.prototype.onGroupByPageModelUpdate = function () {
+               this.groupByPageCheckbox.setSelected( this.groupByPageItemModel.isSelected() );
+       };
 }( mediaWiki ) );