Initial commit

lib/assets/javascripts/builder/components/modals/add-layer/add-layer-model.js

@@ -0,0 +1,251 @@
+var Backbone = require('backbone');
+var UploadModel = require('builder/data/upload-model');
+var VisualizationFetchModel = require('builder/data/visualizations-fetch-model');
+var TablesCollection = require('builder/data/visualizations-collection');
+var TableModel = require('builder/data/table-model');
+
+var MetricsTracker = require('builder/components/metrics/metrics-tracker');
+var MetricsTypes = require('builder/components/metrics/metrics-types');
+
+var checkAndBuildOpts = require('builder/helpers/required-opts');
+
+var IMPORT = 'import';
+var DATASETS = 'datasets';
+var SCRATCH = 'scratch';
+
+var IMPORT_FILE = 'file';
+var IMPORT_TWITTER = 'twitter';
+
+var REQUIRED_OPTS = [
+  'userModel',
+  'userActions',
+  'configModel',
+  'pollingModel'
+];
+
+/**
+ * Add layer model
+ *
+ * "Implements" the CreateListingModel.
+ */
+module.exports = Backbone.Model.extend({
+  defaults: {
+    type: 'addLayer',
+    contentPane: 'listing', // [listing, loading]
+    listing: DATASETS, // [IMPORT, DATASETS, SCRATCH]
+    collectionFetched: false,
+    activeImportPane: IMPORT_FILE
+  },
+
+  initialize: function (attrs, opts) {
+    checkAndBuildOpts(opts, REQUIRED_OPTS, this);
+
+    this._initModels();
+    this._initBinds();
+    this._fetchCollection();
+  },
+
+  _initModels: function () {
+    this._uploadModel = new UploadModel({
+      create_vis: false
+    }, {
+      userModel: this._userModel,
+      configModel: this._configModel
+    });
+
+    this._selectedDatasetsCollection = new Backbone.Collection();
+
+    this._tablesCollection = new TablesCollection([], {
+      configModel: this._configModel
+    });
+
+    this._visualizationFetchModel = new VisualizationFetchModel({
+      content_type: DATASETS,
+      library: this.showLibrary()
+    });
+  },
+
+  getTablesCollection: function () {
+    return this._tablesCollection;
+  },
+
+  getSelectedDatasetsCollection: function () {
+    return this._selectedDatasetsCollection;
+  },
+
+  getVisualizationFetchModel: function () {
+    return this._visualizationFetchModel;
+  },
+
+  getUploadModel: function () {
+    return this._uploadModel;
+  },
+
+  canSelect: function (dataset) {
+    return dataset.get('selected') || this._selectedDatasetsCollection.length < 1; // for now only allow 1 item
+  },
+
+  showLibrary: function () {
+    return false;
+  },
+
+  showDatasets: function () {
+    return true;
+  },
+
+  setActiveImportPane: function (name) {
+    this.set('activeImportPane', name);
+  },
+
+  canFinish: function () {
+    if (this._atImportPane()) {
+      return this._uploadModel.isValidToUpload();
+    } else if (this._atDatasetsPane()) {
+      return this._selectedDatasetsCollection.length > 0;
+    }
+  },
+
+  finish: function () {
+    if (this._atImportPane()) {
+      this._pollingModel.trigger('importByUploadData', this._uploadModel.toJSON(), this);
+    } else if (this._atDatasetsPane()) {
+      var mdl = this._selectedDatasetsCollection.at(0);
+      if (mdl.get('type') === 'remote') {
+        var d = {
+          create_vis: false,
+          type: 'remote',
+          value: mdl.get('name'),
+          remote_visualization_id: mdl.get('id'),
+          size: mdl.get('external_source') ? mdl.get('external_source').size : undefined
+        };
+        // See BackgroundImporter where the same event is bound to be handled..
+        this._pollingModel.trigger('importByUploadData', d, this);
+      } else {
+        this._addNewLayer(mdl.getTableModel());
+      }
+    }
+  },
+
+  getImportState: function () {
+    return this.get('activeImportPane');
+  },
+
+  showGuessingToggler: function () {
+    return this._atImportPane();
+  },
+
+  showPrivacyToggler: function () {
+    var hiddenDueToDeprecation = this._atTwitterImportPane() && !this._userModel.hasOwnTwitterCredentials();
+    var hasToBeShowed = this._atImportPane() && !hiddenDueToDeprecation;
+    return hasToBeShowed;
+  },
+
+  _atImportPane: function () {
+    return this.get('listing') === IMPORT;
+  },
+
+  _atDatasetsPane: function () {
+    return this.get('listing') === DATASETS;
+  },
+
+  _atScratchPane: function () {
+    return this.get('listing') === SCRATCH;
+  },
+
+  _atTwitterImportPane: function () {
+    return this.get('activeImportPane') === IMPORT_TWITTER;
+  },
+
+  createFromScratch: function () {
+    var self = this;
+    this.set('contentPane', 'creatingFromScratch');
+    var tableModel = new TableModel({}, {
+      configModel: this._configModel
+    });
+    tableModel.save({}, {
+      success: function () {
+        self._addNewLayer(tableModel, true);
+      },
+      error: function (req, resp) {
+        if (resp.responseText.indexOf('You have reached your table quota') !== -1) {
+          self.set('contentPane', 'datasetQuotaExceeded');
+        } else {
+          self.set('contentPane', 'addLayerFailed');
+        }
+      }
+    });
+  },
+
+  _initBinds: function () {
+    this._uploadModel.bind('change', function () {
+      this.trigger('change:upload', this);
+    }, this);
+    this._visualizationFetchModel.bind('change', this._fetchCollection, this);
+    this.bind('change:listing', this._fetchCollection, this);
+
+    this._tablesCollection.bind('change:selected', function (changedModel, wasSelected) {
+      this._selectedDatasetsCollection[wasSelected ? 'add' : 'remove'](changedModel);
+    }, this);
+    this._tablesCollection.bind('sync', function () {
+      this._selectedDatasetsCollection.each(function (model) {
+        var sameModel = this._tablesCollection.get(model.id);
+        if (sameModel) {
+          sameModel.set('selected', true);
+        }
+      }, this);
+    }, this);
+  },
+
+  _fetchCollection: function () {
+    var params = this._visualizationFetchModel.attributes;
+    var types;
+
+    if (this._visualizationFetchModel.isSearching()) {
+      // Supporting search in data library and user datasets at the same time
+      types = 'table,remote';
+    } else {
+      types = params.library ? 'remote' : 'table';
+    }
+
+    this._tablesCollection.fetch({
+      data: {
+        locked: '',
+        q: params.q,
+        page: params.page,
+        tags: params.tag,
+        shared: params.shared,
+        only_liked: params.liked,
+        type: '',
+        types: types
+      }
+    });
+  },
+
+  _onCollectionChange: function () {
+    this._selectedDatasetsCollection.reset(
+      this._tablesCollection.where({ selected: true })
+    );
+  },
+
+  _addNewLayer: function (tableModel, empty) {
+    this.set('contentPane', 'addingNewLayer');
+
+    this._userActions.createLayerFromTable(tableModel, {
+      success: function (model) {
+        this._userModel.updateTableCount();
+        this.trigger('addLayerDone');
+        MetricsTracker.track(MetricsTypes.CREATED_LAYER, {
+          empty: !!empty,
+          layer_id: model.get('id')
+        });
+      }.bind(this),
+      error: function (req, resp) {
+        if (resp.responseText.indexOf('You have reached your table quota') !== -1) {
+          this.set('contentPane', 'datasetQuotaExceeded');
+        } else {
+          this.set('contentPane', 'addLayerFailed');
+        }
+      }.bind(this)
+    });
+  }
+});