58 lines
1.6 KiB
JavaScript
58 lines
1.6 KiB
JavaScript
|
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
|
||
|
|
)
|
||
|
|
);
|
||
|
|
};
|