Initial commit

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

@@ -0,0 +1,81 @@
+var CoreView = require('backbone/core-view');
+var ScrollView = require('builder/components/scroll/scroll-view');
+var $ = require('jquery');
+var template = require('./tabs.tpl');
+
+/**
+ * View representing the tabs content of the dialog.
+ */
+module.exports = CoreView.extend({
+
+  events: {
+    'click .js-tabs button': '_onClickTab'
+  },
+
+  attributes: function () {
+    return {
+      class: 'Modal-outer'
+    };
+  },
+
+  initialize: function (opts) {
+    if (!opts.submitButton) throw new Error('submitButton is required');
+    if (!opts.modalFooter) throw new Error('modalFooter is required');
+
+    this._submitButton = opts.submitButton;
+    this._modalFooter = opts.modalFooter;
+
+    this._initBinds();
+  },
+
+  render: function () {
+    this.clearSubViews();
+
+    this.$el.html(template({
+      model: this.model
+    }));
+
+    this._initViews();
+
+    return this;
+  },
+
+  _initViews: function () {
+    var scrollView = new ScrollView({
+      className: 'ScrollView ScrollView--withoutMargins',
+      createContentView: function () {
+        return this._createTabContentView();
+      }.bind(this)
+    });
+
+    this.addView(scrollView);
+    this.$('.js-tab-content').append(scrollView.render().el);
+  },
+
+  _initBinds: function () {
+    this.model.bind('change:currentTab', this.render, this);
+  },
+
+  _createTabContentView: function () {
+    if (this._currentTabView) {
+      this._currentTabView.clean();
+    }
+    this._currentTabView = this.model.activeTabModel().createView({
+      submitButton: this._submitButton,
+      modalFooter: this._modalFooter
+    });
+    this.addView(this._currentTabView);
+    return this._currentTabView.render();
+  },
+
+  _onClickTab: function (e) {
+    this.killEvent(e);
+    var name = $(e.target).closest('button').data('name');
+    if (name) {
+      this.model.set('currentTab', name);
+    } else {
+      throw new Error('tab name was expected but was empty');
+    }
+  }
+
+});