You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
3.1 KiB
98 lines
3.1 KiB
'use strict';
|
|
define(
|
|
[
|
|
'marionette',
|
|
'Shared/Toolbar/ButtonCollection',
|
|
'Shared/Toolbar/ButtonModel',
|
|
'Shared/Toolbar/Radio/RadioButtonCollectionView',
|
|
'Shared/Toolbar/Button/ButtonCollectionView'
|
|
], function (Marionette, ButtonCollection, ButtonModel, RadioButtonCollectionView, ButtonCollectionView) {
|
|
return Marionette.Layout.extend({
|
|
template: 'Shared/Toolbar/ToolbarLayoutTemplate',
|
|
|
|
regions: {
|
|
left_1 : '.x-toolbar-left-1',
|
|
left_2 : '.x-toolbar-left-2',
|
|
right_1: '.x-toolbar-right-1',
|
|
right_2: '.x-toolbar-right-2'
|
|
},
|
|
|
|
initialize: function (options) {
|
|
|
|
if (!options) {
|
|
throw 'options needs to be passed';
|
|
}
|
|
|
|
if (!options.context) {
|
|
throw 'context needs to be passed';
|
|
}
|
|
|
|
this.left = options.left;
|
|
this.right = options.right;
|
|
this.toolbarContext = options.context;
|
|
},
|
|
|
|
onShow: function () {
|
|
if (this.left) {
|
|
_.each(this.left, this._showToolbarLeft, this);
|
|
}
|
|
if (this.right) {
|
|
_.each(this.right, this._showToolbarRight, this);
|
|
}
|
|
},
|
|
|
|
_showToolbarLeft: function (element, index) {
|
|
this._showToolbar(element, index, 'left');
|
|
},
|
|
|
|
_showToolbarRight: function (element, index) {
|
|
this._showToolbar(element, index, 'right');
|
|
},
|
|
|
|
_showToolbar: function (buttonGroup, index, position) {
|
|
|
|
var groupCollection = new ButtonCollection();
|
|
|
|
_.each(buttonGroup.items, function (button) {
|
|
|
|
if (buttonGroup.storeState && !button.key) {
|
|
throw 'must provide key for all buttons when storSstate is enabled';
|
|
}
|
|
|
|
var model = new ButtonModel(button);
|
|
model.set('menuKey', buttonGroup.menuKey);
|
|
model.ownerContext = this.toolbarContext;
|
|
groupCollection.add(model);
|
|
|
|
}, this);
|
|
|
|
var buttonGroupView;
|
|
|
|
switch (buttonGroup.type) {
|
|
case 'radio':
|
|
{
|
|
buttonGroupView = new RadioButtonCollectionView({
|
|
collection: groupCollection,
|
|
menu : buttonGroup
|
|
});
|
|
break;
|
|
}
|
|
default :
|
|
{
|
|
buttonGroupView = new ButtonCollectionView({
|
|
collection: groupCollection,
|
|
menu : buttonGroup
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
|
|
this[position + '_' + (index + 1).toString()].show(buttonGroupView);
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|