X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fui%2FItemMenuOptionWidget.js;h=710bd653eb0f965ed86f498e05233d2e8285eabc;hb=e3c745fea0c5231cc425a0223c9d4567152171a0;hp=56ed628f5db3f33214c406ff78bf9d58e0068025;hpb=dd35e1a469b96a787e015dce28adfb5a8b6daa62;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/ui/ItemMenuOptionWidget.js b/resources/src/mediawiki.rcfilters/ui/ItemMenuOptionWidget.js
index 56ed628f5d..710bd653eb 100644
--- a/resources/src/mediawiki.rcfilters/ui/ItemMenuOptionWidget.js
+++ b/resources/src/mediawiki.rcfilters/ui/ItemMenuOptionWidget.js
@@ -1,172 +1,169 @@
-( function () {
-	var FilterItemHighlightButton = require( './FilterItemHighlightButton.js' ),
-		CheckboxInputWidget = require( './CheckboxInputWidget.js' ),
-		ItemMenuOptionWidget;
-
-	/**
-	 * A widget representing a base toggle item
-	 *
-	 * @class mw.rcfilters.ui.ItemMenuOptionWidget
-	 * @extends OO.ui.MenuOptionWidget
-	 *
-	 * @constructor
-	 * @param {mw.rcfilters.Controller} controller RCFilters controller
-	 * @param {mw.rcfilters.dm.FiltersViewModel} filtersViewModel
-	 * @param {mw.rcfilters.dm.ItemModel} invertModel
-	 * @param {mw.rcfilters.dm.ItemModel} itemModel Item model
-	 * @param {mw.rcfilters.ui.HighlightPopupWidget} highlightPopup Shared highlight color picker
-	 * @param {Object} config Configuration object
-	 */
-	ItemMenuOptionWidget = function MwRcfiltersUiItemMenuOptionWidget(
-		controller, filtersViewModel, invertModel, itemModel, highlightPopup, config
-	) {
-		var layout,
-			classes = [],
-			$label = $( '<div>' )
-				.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-label' );
-
-		config = config || {};
-
-		this.controller = controller;
-		this.filtersViewModel = filtersViewModel;
-		this.invertModel = invertModel;
-		this.itemModel = itemModel;
-
-		// Parent
-		ItemMenuOptionWidget.parent.call( this, $.extend( {
-			// Override the 'check' icon that OOUI defines
-			icon: '',
-			data: this.itemModel.getName(),
-			label: this.itemModel.getLabel()
-		}, config ) );
-
-		this.checkboxWidget = new CheckboxInputWidget( {
-			value: this.itemModel.getName(),
-			selected: this.itemModel.isSelected()
-		} );
-
+var FilterItemHighlightButton = require( './FilterItemHighlightButton.js' ),
+	CheckboxInputWidget = require( './CheckboxInputWidget.js' ),
+	ItemMenuOptionWidget;
+
+/**
+ * A widget representing a base toggle item
+ *
+ * @class mw.rcfilters.ui.ItemMenuOptionWidget
+ * @extends OO.ui.MenuOptionWidget
+ *
+ * @constructor
+ * @param {mw.rcfilters.Controller} controller RCFilters controller
+ * @param {mw.rcfilters.dm.FiltersViewModel} filtersViewModel
+ * @param {mw.rcfilters.dm.ItemModel} invertModel
+ * @param {mw.rcfilters.dm.ItemModel} itemModel Item model
+ * @param {mw.rcfilters.ui.HighlightPopupWidget} highlightPopup Shared highlight color picker
+ * @param {Object} config Configuration object
+ */
+ItemMenuOptionWidget = function MwRcfiltersUiItemMenuOptionWidget(
+	controller, filtersViewModel, invertModel, itemModel, highlightPopup, config
+) {
+	var layout,
+		classes = [],
+		$label = $( '<div>' )
+			.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-label' );
+
+	config = config || {};
+
+	this.controller = controller;
+	this.filtersViewModel = filtersViewModel;
+	this.invertModel = invertModel;
+	this.itemModel = itemModel;
+
+	// Parent
+	ItemMenuOptionWidget.parent.call( this, $.extend( {
+		// Override the 'check' icon that OOUI defines
+		icon: '',
+		data: this.itemModel.getName(),
+		label: this.itemModel.getLabel()
+	}, config ) );
+
+	this.checkboxWidget = new CheckboxInputWidget( {
+		value: this.itemModel.getName(),
+		selected: this.itemModel.isSelected()
+	} );
+
+	$label.append(
+		$( '<div>' )
+			.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-label-title' )
+			.append( $( '<bdi>' ).append( this.$label ) )
+	);
+	if ( this.itemModel.getDescription() ) {
 		$label.append(
 			$( '<div>' )
-				.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-label-title' )
-				.append( $( '<bdi>' ).append( this.$label ) )
+				.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-label-desc' )
+				.append( $( '<bdi>' ).text( this.itemModel.getDescription() ) )
 		);
-		if ( this.itemModel.getDescription() ) {
-			$label.append(
-				$( '<div>' )
-					.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-label-desc' )
-					.append( $( '<bdi>' ).text( this.itemModel.getDescription() ) )
-			);
+	}
+
+	this.highlightButton = new FilterItemHighlightButton(
+		this.controller,
+		this.itemModel,
+		highlightPopup,
+		{
+			$overlay: config.$overlay || this.$element,
+			title: mw.msg( 'rcfilters-highlightmenu-help' )
 		}
-
-		this.highlightButton = new FilterItemHighlightButton(
-			this.controller,
-			this.itemModel,
-			highlightPopup,
-			{
-				$overlay: config.$overlay || this.$element,
-				title: mw.msg( 'rcfilters-highlightmenu-help' )
-			}
-		);
-		this.highlightButton.toggle( this.filtersViewModel.isHighlightEnabled() );
-
-		this.excludeLabel = new OO.ui.LabelWidget( {
-			label: mw.msg( 'rcfilters-filter-excluded' )
-		} );
-		this.excludeLabel.toggle(
-			this.itemModel.getGroupModel().getView() === 'namespaces' &&
-			this.itemModel.isSelected() &&
-			this.invertModel.isSelected()
+	);
+	this.highlightButton.toggle( this.filtersViewModel.isHighlightEnabled() );
+
+	this.excludeLabel = new OO.ui.LabelWidget( {
+		label: mw.msg( 'rcfilters-filter-excluded' )
+	} );
+	this.excludeLabel.toggle(
+		this.itemModel.getGroupModel().getView() === 'namespaces' &&
+		this.itemModel.isSelected() &&
+		this.invertModel.isSelected()
+	);
+
+	layout = new OO.ui.FieldLayout( this.checkboxWidget, {
+		label: $label,
+		align: 'inline'
+	} );
+
+	// Events
+	this.filtersViewModel.connect( this, { highlightChange: 'updateUiBasedOnState' } );
+	this.invertModel.connect( this, { update: 'updateUiBasedOnState' } );
+	this.itemModel.connect( this, { update: 'updateUiBasedOnState' } );
+	// HACK: Prevent defaults on 'click' for the label so it
+	// doesn't steal the focus away from the input. This means
+	// we can continue arrow-movement after we click the label
+	// and is consistent with the checkbox *itself* also preventing
+	// defaults on 'click' as well.
+	layout.$label.on( 'click', false );
+
+	this.$element
+		.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget' )
+		.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-view-' + this.itemModel.getGroupModel().getView() )
+		.append(
+			$( '<div>' )
+				.addClass( 'mw-rcfilters-ui-table' )
+				.append(
+					$( '<div>' )
+						.addClass( 'mw-rcfilters-ui-row' )
+						.append(
+							$( '<div>' )
+								.addClass( 'mw-rcfilters-ui-cell mw-rcfilters-ui-itemMenuOptionWidget-itemCheckbox' )
+								.append( layout.$element ),
+							$( '<div>' )
+								.addClass( 'mw-rcfilters-ui-cell mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel' )
+								.append( this.excludeLabel.$element ),
+							$( '<div>' )
+								.addClass( 'mw-rcfilters-ui-cell mw-rcfilters-ui-itemMenuOptionWidget-highlightButton' )
+								.append( this.highlightButton.$element )
+						)
+				)
 		);
 
-		layout = new OO.ui.FieldLayout( this.checkboxWidget, {
-			label: $label,
-			align: 'inline'
+	if ( this.itemModel.getIdentifiers() ) {
+		this.itemModel.getIdentifiers().forEach( function ( ident ) {
+			classes.push( 'mw-rcfilters-ui-itemMenuOptionWidget-identifier-' + ident );
 		} );
 
-		// Events
-		this.filtersViewModel.connect( this, { highlightChange: 'updateUiBasedOnState' } );
-		this.invertModel.connect( this, { update: 'updateUiBasedOnState' } );
-		this.itemModel.connect( this, { update: 'updateUiBasedOnState' } );
-		// HACK: Prevent defaults on 'click' for the label so it
-		// doesn't steal the focus away from the input. This means
-		// we can continue arrow-movement after we click the label
-		// and is consistent with the checkbox *itself* also preventing
-		// defaults on 'click' as well.
-		layout.$label.on( 'click', false );
-
-		this.$element
-			.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget' )
-			.addClass( 'mw-rcfilters-ui-itemMenuOptionWidget-view-' + this.itemModel.getGroupModel().getView() )
-			.append(
-				$( '<div>' )
-					.addClass( 'mw-rcfilters-ui-table' )
-					.append(
-						$( '<div>' )
-							.addClass( 'mw-rcfilters-ui-row' )
-							.append(
-								$( '<div>' )
-									.addClass( 'mw-rcfilters-ui-cell mw-rcfilters-ui-itemMenuOptionWidget-itemCheckbox' )
-									.append( layout.$element ),
-								$( '<div>' )
-									.addClass( 'mw-rcfilters-ui-cell mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel' )
-									.append( this.excludeLabel.$element ),
-								$( '<div>' )
-									.addClass( 'mw-rcfilters-ui-cell mw-rcfilters-ui-itemMenuOptionWidget-highlightButton' )
-									.append( this.highlightButton.$element )
-							)
-					)
-			);
-
-		if ( this.itemModel.getIdentifiers() ) {
-			this.itemModel.getIdentifiers().forEach( function ( ident ) {
-				classes.push( 'mw-rcfilters-ui-itemMenuOptionWidget-identifier-' + ident );
-			} );
-
-			this.$element.addClass( classes );
-		}
+		this.$element.addClass( classes );
+	}
 
-		this.updateUiBasedOnState();
-	};
+	this.updateUiBasedOnState();
+};
 
-	/* Initialization */
+/* Initialization */
 
-	OO.inheritClass( ItemMenuOptionWidget, OO.ui.MenuOptionWidget );
+OO.inheritClass( ItemMenuOptionWidget, OO.ui.MenuOptionWidget );
 
-	/* Static properties */
+/* Static properties */
 
-	// We do our own scrolling to top
-	ItemMenuOptionWidget.static.scrollIntoViewOnSelect = false;
+// We do our own scrolling to top
+ItemMenuOptionWidget.static.scrollIntoViewOnSelect = false;
 
-	/* Methods */
+/* Methods */
 
-	/**
-	 * Respond to item model update event
-	 */
-	ItemMenuOptionWidget.prototype.updateUiBasedOnState = function () {
-		this.checkboxWidget.setSelected( this.itemModel.isSelected() );
-
-		this.highlightButton.toggle( this.filtersViewModel.isHighlightEnabled() );
-		this.excludeLabel.toggle(
-			this.itemModel.getGroupModel().getView() === 'namespaces' &&
-			this.itemModel.isSelected() &&
-			this.invertModel.isSelected()
-		);
-		this.toggle( this.itemModel.isVisible() );
-	};
+/**
+ * Respond to item model update event
+ */
+ItemMenuOptionWidget.prototype.updateUiBasedOnState = function () {
+	this.checkboxWidget.setSelected( this.itemModel.isSelected() );
 
-	/**
-	 * Get the name of this filter
-	 *
-	 * @return {string} Filter name
-	 */
-	ItemMenuOptionWidget.prototype.getName = function () {
-		return this.itemModel.getName();
-	};
+	this.highlightButton.toggle( this.filtersViewModel.isHighlightEnabled() );
+	this.excludeLabel.toggle(
+		this.itemModel.getGroupModel().getView() === 'namespaces' &&
+		this.itemModel.isSelected() &&
+		this.invertModel.isSelected()
+	);
+	this.toggle( this.itemModel.isVisible() );
+};
 
-	ItemMenuOptionWidget.prototype.getModel = function () {
-		return this.itemModel;
-	};
+/**
+ * Get the name of this filter
+ *
+ * @return {string} Filter name
+ */
+ItemMenuOptionWidget.prototype.getName = function () {
+	return this.itemModel.getName();
+};
 
-	module.exports = ItemMenuOptionWidget;
+ItemMenuOptionWidget.prototype.getModel = function () {
+	return this.itemModel;
+};
 
-}() );
+module.exports = ItemMenuOptionWidget;