X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fui%2Fmw.rcfilters.ui.FilterTagMultiselectWidget.js;h=ac22258b33715b6fc03476510f3bdcd36854fbb3;hb=fdf8c2e17145a6f704ab2e7ef066e044fc4993e2;hp=0ab459e73d0bb3c87de3da295e636a9abb23d0b3;hpb=2eea04c88305e463bfbfe97ad95ebbe98bae2470;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagMultiselectWidget.js b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagMultiselectWidget.js
index 0ab459e73d..ac22258b33 100644
--- a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagMultiselectWidget.js
+++ b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagMultiselectWidget.js
@@ -2,6 +2,7 @@
 	/**
 	 * List displaying all filter groups
 	 *
+	 * @class
 	 * @extends OO.ui.MenuTagMultiselectWidget
 	 * @mixins OO.ui.mixin.PendingElement
 	 *
@@ -47,6 +48,7 @@
 				footers: [
 					{
 						name: 'viewSelect',
+						disabled: !mw.config.get( 'wgStructuredChangeFiltersEnableExperimentalViews' ),
 						sticky: false,
 						// View select menu, appears on default view only
 						$element: $( '<div>' )
@@ -146,14 +148,16 @@
 				classes: [ 'mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget' ],
 				items: [
 					new OO.ui.ButtonOptionWidget( {
+						framed: false,
 						data: 'namespaces',
 						icon: 'article',
-						title: mw.msg( 'namespaces' )
+						title: mw.msg( 'rcfilters-view-namespaces-tooltip' )
 					} ),
 					new OO.ui.ButtonOptionWidget( {
+						framed: false,
 						data: 'tags',
 						icon: 'tag',
-						title: mw.msg( 'rcfilters-view-tags' )
+						title: mw.msg( 'rcfilters-view-tags-tooltip' )
 					} )
 				]
 			} );
@@ -287,6 +291,9 @@
 				// Clear the input
 				this.input.setValue( '' );
 			}
+
+			// Log filter grouping
+			this.controller.trackFilterGroupings( 'filtermenu' );
 		}
 
 		this.input.setIcon( isVisible ? 'search' : 'menu' );
@@ -315,7 +322,7 @@
 	};
 
 	/**
-	 * @inheridoc
+	 * @inheritdoc
 	 */
 	mw.rcfilters.ui.FilterTagMultiselectWidget.prototype.onChangeTags = function () {
 		// Parent method
@@ -375,6 +382,10 @@
 				!this.isEmpty() &&
 				!this.matchingQuery
 			);
+
+			if ( this.matchingQuery ) {
+				this.emphasize();
+			}
 		}
 	};
 
@@ -384,6 +395,10 @@
 	 * @param {mw.rcfilters.dm.FilterItem} item Filter item model
 	 */
 	mw.rcfilters.ui.FilterTagMultiselectWidget.prototype.onModelItemUpdate = function ( item ) {
+		if ( item.getGroupModel().isHidden() ) {
+			return;
+		}
+
 		if (
 			item.isSelected() ||
 			(
@@ -585,6 +600,26 @@
 		}
 	};
 
+	mw.rcfilters.ui.FilterTagMultiselectWidget.prototype.emphasize = function () {
+		if (
+			!this.$handle.hasClass( 'mw-rcfilters-ui-filterTagMultiselectWidget-animate' )
+		) {
+			this.$handle
+				.addClass( 'mw-rcfilters-ui-filterTagMultiselectWidget-emphasize' )
+				.addClass( 'mw-rcfilters-ui-filterTagMultiselectWidget-animate' );
+
+			setTimeout( function () {
+				this.$handle
+					.removeClass( 'mw-rcfilters-ui-filterTagMultiselectWidget-emphasize' );
+
+				setTimeout( function () {
+					this.$handle
+						.removeClass( 'mw-rcfilters-ui-filterTagMultiselectWidget-animate' );
+				}.bind( this ), 1000 );
+			}.bind( this ), 500 );
+
+		}
+	};
 	/**
 	 * Scroll the element to top within its container
 	 *