resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterWrapperWidget.js

   1 ( function ( mw ) {
   2         /**
   3          * List displaying all filter groups
   4          *
   5          * @extends OO.ui.Widget
   6          * @mixins OO.ui.mixin.PendingElement
   7          *
   8          * @constructor
   9          * @param {mw.rcfilters.Controller} controller Controller
  10          * @param {mw.rcfilters.dm.FiltersViewModel} model View model
  11          * @param {mw.rcfilters.dm.SavedQueriesModel} savedQueriesModel Saved queries model
  12          * @param {Object} [config] Configuration object
  13          * @cfg {Object} [filters] A definition of the filter groups in this list
  14          * @cfg {jQuery} [$overlay] A jQuery object serving as overlay for popups
  15          */
  16         mw.rcfilters.ui.FilterWrapperWidget = function MwRcfiltersUiFilterWrapperWidget( controller, model, savedQueriesModel, config ) {
  17                 var $bottom;
  18                 config = config || {};
  19
  20                 // Parent
  21                 mw.rcfilters.ui.FilterWrapperWidget.parent.call( this, config );
  22                 // Mixin constructors
  23                 OO.ui.mixin.PendingElement.call( this, config );
  24
  25                 this.controller = controller;
  26                 this.model = model;
  27                 this.queriesModel = savedQueriesModel;
  28                 this.$overlay = config.$overlay || this.$element;
  29
  30                 this.filterTagWidget = new mw.rcfilters.ui.FilterTagMultiselectWidget(
  31                         this.controller,
  32                         this.model,
  33                         this.queriesModel,
  34                         { $overlay: this.$overlay }
  35                 );
  36
  37                 this.liveUpdateButton = new mw.rcfilters.ui.LiveUpdateButtonWidget(
  38                         this.controller
  39                 );
  40
  41                 // Initialize
  42                 this.$element
  43                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget' );
  44
  45                 if ( mw.config.get( 'wgStructuredChangeFiltersEnableSaving' ) ) {
  46                         this.savedLinksListWidget = new mw.rcfilters.ui.SavedLinksListWidget(
  47                                 this.controller,
  48                                 this.queriesModel,
  49                                 { $overlay: this.$overlay }
  50                         );
  51
  52                         this.$element.append(
  53                                 this.savedLinksListWidget.$element
  54                         );
  55
  56                 }
  57
  58                 $bottom = $( '<div>' )
  59                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget-bottom' );
  60
  61                 if ( mw.config.get( 'wgStructuredChangeFiltersEnableLiveUpdate' ) ) {
  62                         $bottom.append( this.liveUpdateButton.$element );
  63                 }
  64
  65                 this.$element.append(
  66                         this.filterTagWidget.$element,
  67                         $bottom
  68                 );
  69         };
  70
  71         /* Initialization */
  72
  73         OO.inheritClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.Widget );
  74         OO.mixinClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.mixin.PendingElement );
  75 }( mediaWiki ) );