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                 this.numChangesWidget = new mw.rcfilters.ui.ChangesLimitButtonWidget(
  42                         this.controller,
  43                         this.model,
  44                         {
  45                                 $overlay: this.$overlay
  46                         }
  47                 );
  48
  49                 this.dateWidget = new mw.rcfilters.ui.DateButtonWidget(
  50                         this.controller,
  51                         this.model,
  52                         {
  53                                 $overlay: this.$overlay
  54                         }
  55                 );
  56
  57                 // Initialize
  58                 this.$element
  59                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget' );
  60
  61                 if ( mw.config.get( 'wgStructuredChangeFiltersEnableSaving' ) ) {
  62                         this.savedLinksListWidget = new mw.rcfilters.ui.SavedLinksListWidget(
  63                                 this.controller,
  64                                 this.queriesModel,
  65                                 { $overlay: this.$overlay }
  66                         );
  67
  68                         this.$element.append(
  69                                 this.savedLinksListWidget.$element
  70                         );
  71                 }
  72
  73                 $bottom = $( '<div>' )
  74                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget-bottom' )
  75                         .append(
  76                                 this.numChangesWidget.$element,
  77                                 this.dateWidget.$element
  78                         );
  79
  80                 if (
  81                         mw.config.get( 'wgStructuredChangeFiltersEnableLiveUpdate' ) ||
  82                         // Allow users to enable live update with ?liveupdate=1
  83                         new mw.Uri().query.liveupdate
  84                 ) {
  85                         $bottom.append( this.liveUpdateButton.$element );
  86                 }
  87
  88                 this.$element.append(
  89                         this.filterTagWidget.$element,
  90                         $bottom
  91                 );
  92         };
  93
  94         /* Initialization */
  95
  96         OO.inheritClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.Widget );
  97         OO.mixinClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.mixin.PendingElement );
  98 }( mediaWiki ) );