X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fui%2Fmw.rcfilters.ui.FilterMenuHeaderWidget.js;h=dceb132038d81332854d569fc8188c8fef216c46;hb=1029b36698d38ae4712749e5baaa9505f1426447;hp=da71d70603aec27bc2a0a32d9a12be2d323b6412;hpb=83b139da98f3851c107f87769346a1ffaaaab125;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterMenuHeaderWidget.js b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterMenuHeaderWidget.js
index da71d70603..dceb132038 100644
--- a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterMenuHeaderWidget.js
+++ b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterMenuHeaderWidget.js
@@ -2,6 +2,7 @@
 	/**
 	 * Menu header for the RCFilters filters menu
 	 *
+	 * @class
 	 * @extends OO.ui.Widget
 	 *
 	 * @constructor
@@ -34,6 +35,17 @@
 		} );
 		this.backButton.toggle( this.model.getCurrentView() !== 'default' );
 
+		// Help icon for Tagged edits
+		this.helpIcon = new OO.ui.ButtonWidget( {
+			icon: 'help',
+			framed: false,
+			title: mw.msg( 'rcfilters-view-tags-help-icon-tooltip' ),
+			classes: [ 'mw-rcfilters-ui-filterMenuHeaderWidget-helpIcon' ],
+			href: mw.util.getUrl( 'Special:Tags' ),
+			target: '_blank'
+		} );
+		this.helpIcon.toggle( this.model.getCurrentView() === 'tags' );
+
 		// Highlight button
 		this.highlightButton = new OO.ui.ToggleButtonWidget( {
 			icon: 'highlight',
@@ -47,7 +59,6 @@
 			classes: [ 'mw-rcfilters-ui-filterMenuHeaderWidget-invertNamespacesButton' ]
 		} );
 		this.invertNamespacesButton.toggle( this.model.getCurrentView() === 'namespaces' );
-		this.updateInvertButton( this.model.areNamespacesInverted() );
 
 		// Events
 		this.backButton.connect( this, { click: 'onBackButtonClick' } );
@@ -57,8 +68,8 @@
 			.connect( this, { click: 'onInvertNamespacesButtonClick' } );
 		this.model.connect( this, {
 			highlightChange: 'onModelHighlightChange',
-			invertChange: 'onModelInvertChange',
-			update: 'onModelUpdate'
+			update: 'onModelUpdate',
+			initialize: 'onModelInitialize'
 		} );
 
 		// Initialize
@@ -79,7 +90,7 @@
 								$( '<div>' )
 									.addClass( 'mw-rcfilters-ui-cell' )
 									.addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-header-title' )
-									.append( this.$label ),
+									.append( this.$label, this.helpIcon.$element ),
 								$( '<div>' )
 									.addClass( 'mw-rcfilters-ui-cell' )
 									.addClass( 'mw-rcfilters-ui-filterMenuHeaderWidget-header-invert' )
@@ -100,6 +111,19 @@
 
 	/* Methods */
 
+	/**
+	 * Respond to model initialization event
+	 *
+	 * Note: need to wait for initialization before getting the invertModel
+	 * and registering its update event. Creating all the models before the UI
+	 * would help with that.
+	 */
+	mw.rcfilters.ui.FilterMenuHeaderWidget.prototype.onModelInitialize = function () {
+		this.invertModel = this.model.getInvertModel();
+		this.updateInvertButton();
+		this.invertModel.connect( this, { update: 'updateInvertButton' } );
+	};
+
 	/**
 	 * Respond to model update event
 	 */
@@ -110,6 +134,7 @@
 
 		this.invertNamespacesButton.toggle( currentView === 'namespaces' );
 		this.backButton.toggle( currentView !== 'default' );
+		this.helpIcon.toggle( currentView === 'tags' );
 	};
 
 	/**
@@ -121,24 +146,13 @@
 		this.highlightButton.setActive( highlightEnabled );
 	};
 
-	/**
-	 * Respond to model invert change event
-	 *
-	 * @param {boolean} isInverted Namespaces selection is inverted
-	 */
-	mw.rcfilters.ui.FilterMenuHeaderWidget.prototype.onModelInvertChange = function ( isInverted ) {
-		this.updateInvertButton( isInverted );
-	};
-
 	/**
 	 * Update the state of the invert button
-	 *
-	 * @param {boolean} isInverted Namespaces selection is inverted
 	 */
-	mw.rcfilters.ui.FilterMenuHeaderWidget.prototype.updateInvertButton = function ( isInverted ) {
-		this.invertNamespacesButton.setActive( isInverted );
+	mw.rcfilters.ui.FilterMenuHeaderWidget.prototype.updateInvertButton = function () {
+		this.invertNamespacesButton.setActive( this.invertModel.isSelected() );
 		this.invertNamespacesButton.setLabel(
-			isInverted ?
+			this.invertModel.isSelected() ?
 				mw.msg( 'rcfilters-exclude-button-on' ) :
 				mw.msg( 'rcfilters-exclude-button-off' )
 		);