Vizzuality/gfw-climate

define(
  [
    'backbone',
    'mps',
    'countries/presenters/PresenterClass',
    'countries/models/CountryModel',
    'widgets/collections/WidgetCollection'
  ],
  function(Backbone, mps, PresenterClass, CountryModel, WidgetCollection) {
    'use strict';

    var CountryModalWidgetsPresenter = PresenterClass.extend({
      maxSelection: 10,
      status: new (Backbone.Model.extend({}))(),

      init: function(view) {
        this._super();
        this.view = view;

        this.countryModel;

        mps.publish('Place/register', [this]);
      },

      getPlaceParams: function() {
        var p = {};
        return p;
      },

      /**
       * Application subscriptions.
       */
      _subscriptions: [
        {
          'Place/go': function(p) {
            var activeWidgetsIds = [],
              jurisdictionsActive = [],
              areasActive = [];

            new WidgetCollection().fetch().done(
              _.bind(function(response) {
                this.status.set('widgets', response.widgets);

                if (!!p.options) {
                  activeWidgetsIds = this._toInteger(p.options.activeWidgets);

                  if (!!p.options.jurisdictions) {
                    jurisdictionsActive = _.map(
                      p.options.jurisdictions,
                      function(j) {
                        return ~~j.idNumber;
                      }
                    );
                  }

                  if (!!p.options.areas) {
                    areasActive = _.map(p.options.areas, function(a) {
                      return ~~a.idNumber;
                    });
                  }
                } else {
                  var activeWidgets = _.where(this.status.get('widgets'), {
                    default: true
                  });
                  activeWidgets.forEach(function(w) {
                    activeWidgetsIds.push(w.id);
                  });

                  jurisdictionsActive = [];
                  areasActive = [];
                }

                this.status.set({
                  country: p.country.iso,
                  view: p.view,
                  widgetsActive: activeWidgetsIds,
                  jurisdictionsIds: jurisdictionsActive,
                  areasIds: areasActive
                });

                this.countryModel = new CountryModel(p.country);

                this.countryModel.fetch().done(
                  _.bind(function() {
                    this.view.render();
                    this.view.setWidgetsStatus();
                    this.view.setJurisdictionStatus();
                    this.view.setAreasStatus();
                  }, this)
                );
              }, this)
            );
          },

          'View/update': function(v) {
            this.status.set({
              view: v,
              jurisdictionsIds: [],
              areasIds: []
            });

            if (v !== 'national') {
              this.status.set('widgetsActive', []);
            } else {
              var activeWidgetsIds = [];
              var activeWidgets = _.where(this.status.get('widgets'), {
                default: true
              });
              activeWidgets.forEach(function(w) {
                activeWidgetsIds.push(w.id);
              });
              this.status.set('widgetsActive', activeWidgetsIds);
            }

            this.view.render();

            if (v == 'national') {
              this.view.setWidgetsStatus();
            }
          },

          'Widgets/update': function(widgets) {
            this.status.set('widgetsActive', this._toInteger(widgets));

            this.view.render();

            switch (this.status.get('view')) {
              case 'national':
                this.view.setWidgetsStatus();
                break;

              case 'subnational':
                if (this.status.get('widgetsActive').length == 0) {
                  this.status.set('jurisdictionsIds', []);
                }

                this.view.setJurisdictionStatus();
                this.view.setWidgetsStatus();
                break;

              case 'areas-interest':
                if (this.status.get('widgetsActive').length == 0) {
                  this.status.set('areasIds', []);
                }

                this.view.setAreasStatus();
                this.view.setWidgetsStatus();
                break;
            }
          },

          'CountryWidgetsModal/show': function() {
            this.view.show();
          }
        }
      ],

      _toInteger: function(arr) {
        var toInteger = [];
        if (arr) {
          arr.forEach(function(a) {
            toInteger.push(~~a);
          });
        }

        return toInteger;
      },

      changeActiveWidgets: function(widgetId, remove) {
        var widgets = _.clone(
          this._toInteger(this.status.get('widgetsActive'))
        );
        var view = this.status.get('view');
        remove
          ? (widgets = _.without(widgets, widgetId))
          : widgets.push(widgetId);
        this.status.set('widgetsActive', widgets);
        this.view.setWidgetsStatus();
        this.checkSelectionReached();
      },

      changeActiveJurisdictions: function(jurisdictionId, remove) {
        var jurisdictions = _.clone(
          this._toInteger(this.status.get('jurisdictionsIds'))
        );
        remove
          ? (jurisdictions = _.without(jurisdictions, jurisdictionId))
          : jurisdictions.push(jurisdictionId);
        this.status.set('jurisdictionsIds', jurisdictions);
        this.view.setJurisdictionStatus();
        this.checkSelectionReached();
      },

      changeActiveAreas: function(areasId, remove) {
        var areas = _.clone(this._toInteger(this.status.get('areasIds')));
        remove ? (areas = _.without(areas, areasId)) : areas.push(areasId);
        this.status.set('areasIds', areas);
        this.view.setAreasStatus();
        this.checkSelectionReached();
      },

      checkSelectionReached: function() {
        if (
          this.status.get('widgetsActive').length +
            this.status.get('jurisdictionsIds').length +
            this.status.get('areasIds').length >
          this.maxSelection
        ) {
          this.view.disableSelection();
        } else {
          this.view.enableSelection();
        }
      },

      setActiveWidgets: function() {
        mps.publish('Grid/update', [
          {
            view: this.status.get('view'),
            options: this.status.toJSON(),
            jurisdictions: this.status.get('jurisdictions'),
            areas: this.status.get('areas')
          }
        ]);
      },

      hide: function() {
        mps.publish('CountryWidgetsModal/hide');
      }
    });

    return CountryModalWidgetsPresenter;
  }
);