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 {mw.rcfilters.dm.ChangesListViewModel} changesListModel
  13          * @param {Object} [config] Configuration object
  14          * @cfg {Object} [filters] A definition of the filter groups in this list
  15          * @cfg {jQuery} [$overlay] A jQuery object serving as overlay for popups
  16          */
  17         mw.rcfilters.ui.FilterWrapperWidget = function MwRcfiltersUiFilterWrapperWidget(
  18                 controller, model, savedQueriesModel, changesListModel, config
  19         ) {
  20                 var $top, $topRow, $bottom;
  21                 config = config || {};
  22
  23                 // Parent
  24                 mw.rcfilters.ui.FilterWrapperWidget.parent.call( this, config );
  25                 // Mixin constructors
  26                 OO.ui.mixin.PendingElement.call( this, config );
  27
  28                 this.controller = controller;
  29                 this.model = model;
  30                 this.queriesModel = savedQueriesModel;
  31                 this.$overlay = config.$overlay || this.$element;
  32
  33                 this.filterTagWidget = new mw.rcfilters.ui.FilterTagMultiselectWidget(
  34                         this.controller,
  35                         this.model,
  36                         this.queriesModel,
  37                         { $overlay: this.$overlay }
  38                 );
  39
  40                 this.liveUpdateButton = new mw.rcfilters.ui.LiveUpdateButtonWidget(
  41                         this.controller,
  42                         changesListModel
  43                 );
  44
  45                 this.numChangesWidget = new mw.rcfilters.ui.ChangesLimitButtonWidget(
  46                         this.controller,
  47                         this.model,
  48                         {
  49                                 $overlay: this.$overlay
  50                         }
  51                 );
  52
  53                 this.dateWidget = new mw.rcfilters.ui.DateButtonWidget(
  54                         this.controller,
  55                         this.model,
  56                         {
  57                                 $overlay: this.$overlay
  58                         }
  59                 );
  60
  61                 // Initialize
  62                 $topRow = $( '<div>' )
  63                         .addClass( 'mw-rcfilters-ui-row' )
  64                         .append(
  65                                 $( '<div>' )
  66                                         .addClass( 'mw-rcfilters-ui-cell' )
  67                                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top-placeholder' )
  68                         );
  69                 $top = $( '<div>' )
  70                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top' )
  71                         .addClass( 'mw-rcfilters-ui-table' )
  72                         .append( $topRow );
  73
  74                 $bottom = $( '<div>' )
  75                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget-bottom' )
  76                         .append(
  77                                 this.numChangesWidget.$element,
  78                                 this.dateWidget.$element
  79                         );
  80
  81                 this.savedLinksListWidget = new mw.rcfilters.ui.SavedLinksListWidget(
  82                         this.controller,
  83                         this.queriesModel,
  84                         { $overlay: this.$overlay }
  85                 );
  86
  87                 $topRow.append(
  88                         $( '<div>' )
  89                                 .addClass( 'mw-rcfilters-ui-cell' )
  90                                 .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top-savedLinks' )
  91                                 .append( this.savedLinksListWidget.$element )
  92                 );
  93
  94                 if ( mw.rcfilters.featureFlags.liveUpdate ) {
  95                         $bottom.append( this.liveUpdateButton.$element );
  96                 }
  97
  98                 this.$element
  99                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget' )
 100                         .append(
 101                                 $top,
 102                                 this.filterTagWidget.$element,
 103                                 $bottom
 104                         );
 105         };
 106
 107         /* Initialization */
 108
 109         OO.inheritClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.Widget );
 110         OO.mixinClass( mw.rcfilters.ui.FilterWrapperWidget, OO.ui.mixin.PendingElement );
 111 }( mediaWiki ) );