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 $top, $topRow, $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                 $topRow = $( '<div>' )
  59                         .addClass( 'mw-rcfilters-ui-row' )
  60                         .append(
  61                                 $( '<div>' )
  62                                         .addClass( 'mw-rcfilters-ui-cell' )
  63                                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top-placeholder' )
  64                         );
  65                 $top = $( '<div>' )
  66                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top' )
  67                         .addClass( 'mw-rcfilters-ui-table' )
  68                         .append( $topRow );
  69
  70                 $bottom = $( '<div>' )
  71                         .addClass( 'mw-rcfilters-ui-filterWrapperWidget-bottom' )
  72                         .append(
  73                                 this.numChangesWidget.$element,
  74                                 this.dateWidget.$element
  75                         );
  76
  77                 this.savedLinksListWidget = new mw.rcfilters.ui.SavedLinksListWidget(
  78                         this.controller,
  79                         this.queriesModel,
  80                         { $overlay: this.$overlay }
  81                 );
  82
  83                 $topRow.append(
  84                         $( '<div>' )
  85                                 .addClass( 'mw-rcfilters-ui-cell' )
  86                                 .addClass( 'mw-rcfilters-ui-filterWrapperWidget-top-savedLinks' )
  87                                 .append( this.savedLinksListWidget.$element )
  88                 );
  89
  90                 if (
  91                         mw.config.get( 'wgStructuredChangeFiltersEnableLiveUpdate' ) ||
  92                         // Allow users to enable live update with ?liveupdate=1
  93                         new mw.Uri().query.liveupdate
  94                 ) {
  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 ) );