resources/src/mediawiki.rcfilters/ui/FilterTagItemWidget.js

   1 ( function () {
   2         var TagItemWidget = require( './TagItemWidget.js' ),
   3                 FilterTagItemWidget;
   4
   5         /**
   6          * Extend OOUI's FilterTagItemWidget to also display a popup on hover.
   7          *
   8          * @class mw.rcfilters.ui.FilterTagItemWidget
   9          * @extends mw.rcfilters.ui.TagItemWidget
  10          *
  11          * @constructor
  12          * @param {mw.rcfilters.Controller} controller
  13          * @param {mw.rcfilters.dm.FiltersViewModel} filtersViewModel
  14          * @param {mw.rcfilters.dm.FilterItem} invertModel
  15          * @param {mw.rcfilters.dm.FilterItem} itemModel Item model
  16          * @param {Object} config Configuration object
  17          */
  18         FilterTagItemWidget = function MwRcfiltersUiFilterTagItemWidget(
  19                 controller, filtersViewModel, invertModel, itemModel, config
  20         ) {
  21                 config = config || {};
  22
  23                 FilterTagItemWidget.parent.call( this, controller, filtersViewModel, invertModel, itemModel, config );
  24
  25                 this.$element
  26                         .addClass( 'mw-rcfilters-ui-filterTagItemWidget' );
  27         };
  28
  29         /* Initialization */
  30
  31         OO.inheritClass( FilterTagItemWidget, TagItemWidget );
  32
  33         /* Methods */
  34
  35         /**
  36          * @inheritdoc
  37          */
  38         FilterTagItemWidget.prototype.setCurrentMuteState = function () {
  39                 this.setFlags( {
  40                         muted: (
  41                                 !this.itemModel.isSelected() ||
  42                                 this.itemModel.isIncluded() ||
  43                                 this.itemModel.isFullyCovered()
  44                         ),
  45                         invalid: this.itemModel.isSelected() && this.itemModel.isConflicted()
  46                 } );
  47         };
  48
  49         module.exports = FilterTagItemWidget;
  50 }() );