89 lines
2.3 KiB
JavaScript
89 lines
2.3 KiB
JavaScript
'use strict';
|
|
define(
|
|
[
|
|
'app',
|
|
'marionette',
|
|
'Commands/CommandController',
|
|
'Shared/Actioneer'
|
|
], function (App, Marionette, CommandController, Actioneer) {
|
|
|
|
return Marionette.ItemView.extend({
|
|
template : 'Shared/Toolbar/ButtonTemplate',
|
|
className: 'btn',
|
|
|
|
events: {
|
|
'click': 'onClick'
|
|
},
|
|
|
|
initialize: function () {
|
|
this.storageKey = this.model.get('menuKey') + ':' + this.model.get('key');
|
|
},
|
|
|
|
onRender: function () {
|
|
if (this.model.get('active')) {
|
|
this.$el.addClass('active');
|
|
this.invokeCallback();
|
|
}
|
|
|
|
if (!this.model.get('title')) {
|
|
this.$el.addClass('btn-icon-only');
|
|
}
|
|
|
|
var command = this.model.get('command');
|
|
if (command) {
|
|
Actioneer.bindToCommand({
|
|
command: {name: command},
|
|
element: this.$el
|
|
});
|
|
}
|
|
},
|
|
|
|
onClick: function () {
|
|
|
|
if (this.$el.hasClass('disabled')) {
|
|
return;
|
|
}
|
|
|
|
this.invokeCallback();
|
|
this.invokeRoute();
|
|
this.invokeCommand();
|
|
},
|
|
|
|
invokeCommand: function () {
|
|
var command = this.model.get('command');
|
|
if (command) {
|
|
CommandController.Execute(command);
|
|
}
|
|
},
|
|
|
|
invokeRoute: function () {
|
|
var route = this.model.get('route');
|
|
if (route) {
|
|
|
|
require(
|
|
[
|
|
'Router'
|
|
], function () {
|
|
App.Router.navigate(route, {trigger: true});
|
|
});
|
|
}
|
|
},
|
|
|
|
invokeCallback: function () {
|
|
|
|
if (!this.model.ownerContext) {
|
|
throw 'ownerContext must be set.';
|
|
}
|
|
|
|
var callback = this.model.get('callback');
|
|
if (callback) {
|
|
callback.call(this.model.ownerContext);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|