Initial commit

lib/assets/javascripts/builder/components/modals/add-analysis/add-analysis-view.js

@@ -0,0 +1,106 @@
+var _ = require('underscore');
+var CoreView = require('backbone/core-view');
+var AnalysisOptionsCollection = require('./analysis-options-collection');
+var analysisOptions = require('./analysis-options');
+var AnalysisViewPane = require('./analysis-view-pane');
+var renderLoading = require('builder/components/loading/render-loading');
+var DataServicesApiCheck = require('builder/editor/layers/layer-content-views/analyses/analyses-quota/analyses-quota-info');
+var checkAndBuildOpts = require('builder/helpers/required-opts');
+
+var REQUIRED_OPTS = [
+  'modalModel',
+  'configModel',
+  'userModel',
+  'layerDefinitionModel'
+];
+
+/**
+ * View to add a new analysis node.
+ * Expected to be rendered in a modal.
+ */
+module.exports = CoreView.extend({
+  className: 'Dialog-content Dialog-content--expanded',
+
+  initialize: function (opts) {
+    checkAndBuildOpts(opts, REQUIRED_OPTS, this);
+
+    this._analysisDefinitionNodeModel = this._layerDefinitionModel.getAnalysisDefinitionNodeModel();
+
+    this._queryGeometryModel = this._analysisDefinitionNodeModel.queryGeometryModel;
+    this.listenTo(this._queryGeometryModel, 'change', this.render);
+
+    this._analysisOptions = analysisOptions({
+      userModel: this._userModel,
+      configModel: this._configModel,
+      queryGeometryModel: this._queryGeometryModel
+    });
+    this._analysisOptionsCollection = new AnalysisOptionsCollection();
+
+    this._dataservicesApiHealth = DataServicesApiCheck.get();
+
+    if (!this._isFetchingGeometry()) {
+      this._queryGeometryModel.fetch();
+    }
+
+    this._initOptions();
+  },
+
+  render: function () {
+    this.clearSubViews();
+
+    var render = this.render.bind(this);
+    var dsApiNeedsCheck = this._dataservicesApiHealth.needsCheck();
+    if (dsApiNeedsCheck) {
+      this._dataservicesApiHealth.fetch({
+        success: render
+      });
+    }
+
+    if (this._isFetchingGeometry() || dsApiNeedsCheck) {
+      this._renderLoadingView();
+    } else {
+      this._renderStackView();
+    }
+
+    return this;
+  },
+
+  _renderLoadingView: function () {
+    this.$el.html(
+      renderLoading({
+        title: _t('components.modals.add-widgets.loading-title')
+      })
+    );
+  },
+
+  _renderStackView: function () {
+    var view = new AnalysisViewPane({
+      modalModel: this._modalModel,
+      analysisOptions: this._analysisOptions,
+      analysisOptionsCollection: this._analysisOptionsCollection,
+      layerDefinitionModel: this._layerDefinitionModel,
+      queryGeometryModel: this._queryGeometryModel
+    });
+
+    this.$el.html(view.render().$el);
+    this.addView(view);
+  },
+
+  _isFetchingGeometry: function () {
+    return this._queryGeometryModel.get('status') === 'fetching';
+  },
+
+  _initOptions: function () {
+    // Flatten the options hierarchy to a flat array structure that's easier to handle programmatically.
+    var modelsAttrs = _.reduce(Object.keys(this._analysisOptions), function (memo, category) {
+      var categoryDef = this._analysisOptions[category];
+      categoryDef.analyses.forEach(function (d) {
+        memo.push(_.extend({}, d, { category: category, type: d.nodeAttrs.type }));
+      });
+
+      return memo;
+    }, [], this);
+
+    this._analysisOptionsCollection.reset(modelsAttrs);
+  }
+});