1 files changed, 78 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ChangesLimitPopupWidget.js b/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ChangesLimitPopupWidget.js
new file mode 100644
index 00000000..9dd87d83
--- /dev/null
+++ b/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.ChangesLimitPopupWidget.js
@@ -0,0 +1,78 @@
+( function ( mw ) {
+	/**
+	 * Widget defining the popup to choose number of results
+	 *
+	 * @extends OO.ui.Widget
+	 *
+	 * @constructor
+	 * @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( limitModel, groupByPageItemModel, config ) {
+		config = config || {};
+
+		// Parent
+		mw.rcfilters.ui.ChangesLimitPopupWidget.parent.call( this, config );
+
+		this.limitModel = limitModel;
+		this.groupByPageItemModel = groupByPageItemModel;
+
+		this.valuePicker = new mw.rcfilters.ui.ValuePickerWidget(
+			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,
+				new OO.ui.FieldLayout(
+					this.groupByPageCheckbox,
+					{
+						align: 'inline',
+						label: mw.msg( 'rcfilters-group-results-by-page' )
+					}
+				).$element
+			);
+	};
+
+	/* Initialization */
+
+	OO.inheritClass( mw.rcfilters.ui.ChangesLimitPopupWidget, OO.ui.Widget );
+
+	/* Events */
+
+	/**
+	 * @event limit
+	 * @param {string} name Item name
+	 *
+	 * 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 ) );