tgtools.activiti.resource.editor-app.toolbar-controller.js Maven / Gradle / Ivy
The newest version!
/*
* Activiti Modeler component part of the Activiti project
* Copyright 2005-2014 Alfresco Software, Ltd. All rights reserved.
*
* This library is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 2.1 of the License, or (at your option) any later version.
*
* This library is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
* You should have received a copy of the GNU Lesser General Public
* License along with this library; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
*/
'use strict';
angular.module('activitiModeler')
.controller('ToolbarController', ['$scope', '$http', '$modal', '$q', '$rootScope', '$translate', '$location', function ($scope, $http, $modal, $q, $rootScope, $translate, $location) {
$scope.editorFactory.promise.then(function () {
$scope.items = KISBPM.TOOLBAR_CONFIG.items;
});
$scope.secondaryItems = KISBPM.TOOLBAR_CONFIG.secondaryItems;
// Call configurable click handler (From http://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string)
var executeFunctionByName = function(functionName, context /*, args */) {
var args = Array.prototype.slice.call(arguments).splice(2);
var namespaces = functionName.split(".");
var func = namespaces.pop();
for(var i = 0; i < namespaces.length; i++) {
context = context[namespaces[i]];
}
return context[func].apply(this, args);
};
// Click handler for toolbar buttons
$scope.toolbarButtonClicked = function(buttonIndex) {
// Default behaviour
var buttonClicked = $scope.items[buttonIndex];
var services = { '$scope' : $scope, '$rootScope' : $rootScope, '$http' : $http, '$modal' : $modal, '$q' : $q, '$translate' : $translate};
executeFunctionByName(buttonClicked.action, window, services);
// Other events
var event = {
type : KISBPM.eventBus.EVENT_TYPE_TOOLBAR_BUTTON_CLICKED,
toolbarItem : buttonClicked
};
KISBPM.eventBus.dispatch(event.type, event);
};
// Click handler for secondary toolbar buttons
$scope.toolbarSecondaryButtonClicked = function(buttonIndex) {
var buttonClicked = $scope.secondaryItems[buttonIndex];
var services = { '$scope' : $scope, '$http' : $http, '$modal' : $modal, '$q' : $q, '$translate' : $translate, '$location': $location};
executeFunctionByName(buttonClicked.action, window, services);
};
/* Key bindings */
Mousetrap.bind(['command+z', 'ctrl+z'], function(e) {
var services = { '$scope' : $scope, '$rootScope' : $rootScope, '$http' : $http, '$modal' : $modal, '$q' : $q, '$translate' : $translate};
KISBPM.TOOLBAR.ACTIONS.undo(services);
return false;
});
Mousetrap.bind(['command+y', 'ctrl+y'], function(e) {
var services = { '$scope' : $scope, '$rootScope' : $rootScope, '$http' : $http, '$modal' : $modal, '$q' : $q, '$translate' : $translate};
KISBPM.TOOLBAR.ACTIONS.redo(services);
return false;
});
Mousetrap.bind(['command+c', 'ctrl+c'], function(e) {
var services = { '$scope' : $scope, '$rootScope' : $rootScope, '$http' : $http, '$modal' : $modal, '$q' : $q, '$translate' : $translate};
KISBPM.TOOLBAR.ACTIONS.copy(services);
return false;
});
Mousetrap.bind(['command+v', 'ctrl+v'], function(e) {
var services = { '$scope' : $scope, '$rootScope' : $rootScope, '$http' : $http, '$modal' : $modal, '$q' : $q, '$translate' : $translate};
KISBPM.TOOLBAR.ACTIONS.paste(services);
return false;
});
Mousetrap.bind(['del'], function(e) {
var services = { '$scope' : $scope, '$rootScope' : $rootScope, '$http' : $http, '$modal' : $modal, '$q' : $q, '$translate' : $translate};
KISBPM.TOOLBAR.ACTIONS.deleteItem(services);
return false;
});
/* Undo logic */
$scope.undoStack = [];
$scope.redoStack = [];
$scope.editorFactory.promise.then(function() {
// Catch all command that are executed and store them on the respective stacks
$scope.editor.registerOnEvent(ORYX.CONFIG.EVENT_EXECUTE_COMMANDS, function( evt ){
// If the event has commands
if( !evt.commands ){ return; }
$scope.undoStack.push( evt.commands );
$scope.redoStack = [];
for(var i = 0; i < $scope.items.length; i++)
{
var item = $scope.items[i];
if (item.action === 'KISBPM.TOOLBAR.ACTIONS.undo')
{
item.enabled = true;
}
else if (item.action === 'KISBPM.TOOLBAR.ACTIONS.redo')
{
item.enabled = false;
}
}
// Update
$scope.editor.getCanvas().update();
$scope.editor.updateSelection();
});
});
// Handle enable/disable toolbar buttons
$scope.editorFactory.promise.then(function() {
$scope.editor.registerOnEvent(ORYX.CONFIG.EVENT_SELECTION_CHANGED, function( evt ){
var elements = evt.elements;
for(var i = 0; i < $scope.items.length; i++)
{
var item = $scope.items[i];
if (item.enabledAction && item.enabledAction === 'element')
{
var minLength = 1;
if(item.minSelectionCount) {
minLength = item.minSelectionCount;
}
if (elements.length >= minLength && !item.enabled) {
$scope.safeApply(function () {
item.enabled = true;
});
}
else if (elements.length == 0 && item.enabled) {
$scope.safeApply(function () {
item.enabled = false;
});
}
}
}
});
});
}]);