Initial commit

lib/assets/javascripts/builder/components/tab-pane/create-editor-menu-tab-pane.js

@@ -0,0 +1,57 @@
+var _ = require('underscore');
+var CoreView = require('backbone/core-view');
+var TabPaneViewRouted = require('./tab-pane-view-routed.js');
+var TabPaneCollection = require('./tab-pane-collection');
+var IconView = require('./tab-pane-icon-view');
+
+/**
+ * Creates a tab pane representing editor's left-vertical menu, where the tab items are large icons,
+ * and the content on the right.
+ *
+ * Example usage:
+ * {
+ *   icon: 'my-icon',
+ *   createContentView: CoreView(),
+ *   selected: false
+ * }
+ * @param {Array} paneItems
+ * @param {Object} options
+ * @return {Object} instance of a Backbone view
+ */
+module.exports = function (paneItems, options) {
+  options = options || {};
+  var tabPaneItemIconOptions = options.tabPaneItemIconOptions;
+
+  var items = paneItems.map(function (paneItem) {
+    ['icon', 'createContentView', 'tooltip'].forEach(function (check) {
+      if (!paneItem[check]) {
+        throw new Error(check + ' should be provided');
+      }
+    });
+
+    return {
+      selected: paneItem.selected,
+      name: paneItem.name,
+      route: paneItem.route,
+      icon: paneItem.icon,
+      onClick: paneItem.onClick,
+      tooltip: paneItem.tooltip,
+      createButtonView: function () {
+        return new IconView(_.extend({ model: this }, tabPaneItemIconOptions));
+      },
+      createContentView: function () {
+        return paneItem.createContentView && paneItem.createContentView() || new CoreView();
+      }
+    };
+  });
+
+  var collection = new TabPaneCollection(items);
+  var tabPaneOptions = options.tabPaneOptions;
+
+  return new TabPaneViewRouted(
+    _.extend(
+      { collection: collection },
+      tabPaneOptions
+    )
+  );
+};