1 files changed, 45 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagItemWidget.js b/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagItemWidget.js
new file mode 100644
index 00000000..41c7bae4
--- /dev/null
+++ b/www/wiki/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagItemWidget.js
@@ -0,0 +1,45 @@
+( function ( mw ) {
+	/**
+	 * Extend OOUI's FilterTagItemWidget to also display a popup on hover.
+	 *
+	 * @class
+	 * @extends mw.rcfilters.ui.TagItemWidget
+	 *
+	 * @constructor
+	 * @param {mw.rcfilters.Controller} controller
+	 * @param {mw.rcfilters.dm.FiltersViewModel} filtersViewModel
+	 * @param {mw.rcfilters.dm.FilterItem} invertModel
+	 * @param {mw.rcfilters.dm.FilterItem} itemModel Item model
+	 * @param {Object} config Configuration object
+	 */
+	mw.rcfilters.ui.FilterTagItemWidget = function MwRcfiltersUiFilterTagItemWidget(
+		controller, filtersViewModel, invertModel, itemModel, config
+	) {
+		config = config || {};
+
+		mw.rcfilters.ui.FilterTagItemWidget.parent.call( this, controller, filtersViewModel, invertModel, itemModel, config );
+
+		this.$element
+			.addClass( 'mw-rcfilters-ui-filterTagItemWidget' );
+	};
+
+	/* Initialization */
+
+	OO.inheritClass( mw.rcfilters.ui.FilterTagItemWidget, mw.rcfilters.ui.TagItemWidget );
+
+	/* Methods */
+
+	/**
+	 * @inheritdoc
+	 */
+	mw.rcfilters.ui.FilterTagItemWidget.prototype.setCurrentMuteState = function () {
+		this.setFlags( {
+			muted: (
+				!this.itemModel.isSelected() ||
+				this.itemModel.isIncluded() ||
+				this.itemModel.isFullyCovered()
+			),
+			invalid: this.itemModel.isSelected() && this.itemModel.isConflicted()
+		} );
+	};
+}( mediaWiki, jQuery ) );