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.
162 lines
6.7 KiB
162 lines
6.7 KiB
2 years ago
|
/*
|
||
|
* 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;
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
|
||
|
});
|
||
|
|
||
|
}]);
|