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.
276 lines
11 KiB
276 lines
11 KiB
/* |
|
* 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 |
|
*/ |
|
|
|
/* |
|
* Form Properties |
|
*/ |
|
|
|
var KisBpmFormPropertiesCtrl = [ '$scope', '$modal', '$timeout', '$translate', function($scope, $modal, $timeout, $translate) { |
|
|
|
// Config for the modal window |
|
var opts = { |
|
template: 'editor-app/configuration/properties/form-properties-popup.html?version=' + Date.now(), |
|
scope: $scope |
|
}; |
|
|
|
// Open the dialog |
|
$modal(opts); |
|
}]; |
|
|
|
var KisBpmFormPropertiesPopupCtrl = ['$scope', '$q', '$translate', '$timeout', function($scope, $q, $translate, $timeout) { |
|
|
|
// Put json representing form properties on scope |
|
if ($scope.property.value !== undefined && $scope.property.value !== null |
|
&& $scope.property.value.formProperties !== undefined |
|
&& $scope.property.value.formProperties !== null) { |
|
// Note that we clone the json object rather then setting it directly, |
|
// this to cope with the fact that the user can click the cancel button and no changes should have happended |
|
$scope.formProperties = angular.copy($scope.property.value.formProperties); |
|
|
|
for (var i = 0; i < $scope.formProperties.length; i++) { |
|
var formProperty = $scope.formProperties[i]; |
|
if (formProperty.enumValues && formProperty.enumValues.length > 0) { |
|
for (var j = 0; j < formProperty.enumValues.length; j++) { |
|
var enumValue = formProperty.enumValues[j]; |
|
if (!enumValue.id && !enumValue.name && enumValue.value) { |
|
enumValue.id = enumValue.value; |
|
enumValue.name = enumValue.value; |
|
} |
|
} |
|
} |
|
} |
|
|
|
} else { |
|
$scope.formProperties = []; |
|
} |
|
|
|
// Array to contain selected properties (yes - we only can select one, but ng-grid isn't smart enough) |
|
$scope.selectedProperties = []; |
|
$scope.selectedEnumValues = []; |
|
|
|
$scope.translationsRetrieved = false; |
|
|
|
$scope.labels = {}; |
|
|
|
var idPromise = $translate('PROPERTY.FORMPROPERTIES.ID'); |
|
var namePromise = $translate('PROPERTY.FORMPROPERTIES.NAME'); |
|
var typePromise = $translate('PROPERTY.FORMPROPERTIES.TYPE'); |
|
|
|
$q.all([idPromise, namePromise, typePromise]).then(function(results) { |
|
$scope.labels.idLabel = results[0]; |
|
$scope.labels.nameLabel = results[1]; |
|
$scope.labels.typeLabel = results[2]; |
|
$scope.translationsRetrieved = true; |
|
|
|
// Config for grid |
|
$scope.gridOptions = { |
|
data: 'formProperties', |
|
enableRowReordering: true, |
|
headerRowHeight: 28, |
|
multiSelect: false, |
|
keepLastSelected : false, |
|
selectedItems: $scope.selectedProperties, |
|
columnDefs: [{ field: 'id', displayName: $scope.labels.idLabel }, |
|
{ field: 'name', displayName: $scope.labels.nameLabel}, |
|
{ field: 'type', displayName: $scope.labels.typeLabel}] |
|
}; |
|
|
|
$scope.enumGridOptions = { |
|
data: 'selectedProperties[0].enumValues', |
|
enableRowReordering: true, |
|
headerRowHeight: 28, |
|
multiSelect: false, |
|
keepLastSelected : false, |
|
selectedItems: $scope.selectedEnumValues, |
|
columnDefs: [{ field: 'id', displayName: $scope.labels.idLabel }, |
|
{ field: 'name', displayName: $scope.labels.nameLabel}] |
|
} |
|
}); |
|
|
|
// Handler for when the value of the type dropdown changes |
|
$scope.propertyTypeChanged = function() { |
|
|
|
// Check date. If date, show date pattern |
|
if ($scope.selectedProperties[0].type === 'date') { |
|
$scope.selectedProperties[0].datePattern = 'MM-dd-yyyy hh:mm'; |
|
|
|
} else { |
|
delete $scope.selectedProperties[0].datePattern; |
|
} |
|
|
|
// Check enum. If enum, show list of options |
|
if ($scope.selectedProperties[0].type === 'enum') { |
|
$scope.selectedProperties[0].enumValues = [ {id: 'value1', name: 'Value 1'}, {id: 'value2', name: 'Value 2'}]; |
|
|
|
} else { |
|
delete $scope.selectedProperties[0].enumValues; |
|
} |
|
}; |
|
|
|
// Click handler for add button |
|
var propertyIndex = 1; |
|
$scope.addNewProperty = function() { |
|
$scope.formProperties.push({ id : 'new_property_' + propertyIndex++, |
|
name : '', |
|
type : 'string', |
|
readable: true, |
|
writable: true}); |
|
|
|
$timeout(function(){ |
|
$scope.gridOptions.selectItem($scope.formProperties.length - 1, true); |
|
}); |
|
}; |
|
|
|
// Click handler for remove button |
|
$scope.removeProperty = function() { |
|
if ($scope.selectedProperties.length > 0) { |
|
var index = $scope.formProperties.indexOf($scope.selectedProperties[0]); |
|
$scope.gridOptions.selectItem(index, false); |
|
$scope.formProperties.splice(index, 1); |
|
|
|
$scope.selectedProperties.length = 0; |
|
if (index < $scope.formProperties.length) { |
|
$scope.gridOptions.selectItem(index + 1, true); |
|
} else if ($scope.formProperties.length > 0) { |
|
$scope.gridOptions.selectItem(index - 1, true); |
|
} |
|
} |
|
}; |
|
|
|
// Click handler for up button |
|
$scope.movePropertyUp = function() { |
|
if ($scope.selectedProperties.length > 0) { |
|
var index = $scope.formProperties.indexOf($scope.selectedProperties[0]); |
|
if (index != 0) { // If it's the first, no moving up of course |
|
// Reason for funny way of swapping, see https://github.com/angular-ui/ng-grid/issues/272 |
|
var temp = $scope.formProperties[index]; |
|
$scope.formProperties.splice(index, 1); |
|
$timeout(function(){ |
|
$scope.formProperties.splice(index + -1, 0, temp); |
|
}, 100); |
|
|
|
} |
|
} |
|
}; |
|
|
|
// Click handler for down button |
|
$scope.movePropertyDown = function() { |
|
if ($scope.selectedProperties.length > 0) { |
|
var index = $scope.formProperties.indexOf($scope.selectedProperties[0]); |
|
if (index != $scope.formProperties.length - 1) { // If it's the last element, no moving down of course |
|
// Reason for funny way of swapping, see https://github.com/angular-ui/ng-grid/issues/272 |
|
var temp = $scope.formProperties[index]; |
|
$scope.formProperties.splice(index, 1); |
|
$timeout(function(){ |
|
$scope.formProperties.splice(index + 1, 0, temp); |
|
}, 100); |
|
|
|
} |
|
} |
|
}; |
|
|
|
$scope.addNewEnumValue = function() { |
|
if ($scope.selectedProperties.length > 0) { |
|
$scope.selectedProperties[0].enumValues.push({ id : '', name : ''}); |
|
} |
|
|
|
$timeout(function(){ |
|
$scope.enumGridOptions.selectItem($scope.selectedProperties[0].enumValues.length - 1, true); |
|
}); |
|
}; |
|
|
|
// Click handler for remove button |
|
$scope.removeEnumValue = function() { |
|
if ($scope.selectedProperties.length > 0 && $scope.selectedEnumValues.length > 0) { |
|
var index = $scope.selectedProperties[0].enumValues.indexOf($scope.selectedEnumValues[0]); |
|
$scope.enumGridOptions.selectItem(index, false); |
|
$scope.selectedProperties[0].enumValues.splice(index, 1); |
|
|
|
$scope.selectedEnumValues.length = 0; |
|
if (index < $scope.selectedProperties[0].enumValues.length) { |
|
$timeout(function(){ |
|
$scope.enumGridOptions.selectItem(index + 1, true); |
|
}); |
|
|
|
} else if ($scope.selectedProperties[0].enumValues.length > 0) { |
|
$timeout(function(){ |
|
$scope.enumGridOptions.selectItem(index - 1, true); |
|
}); |
|
} |
|
} |
|
}; |
|
|
|
// Click handler for up button |
|
$scope.moveEnumValueUp = function() { |
|
if ($scope.selectedProperties.length > 0 && $scope.selectedEnumValues.length > 0) { |
|
var index = $scope.selectedProperties[0].enumValues.indexOf($scope.selectedEnumValues[0]); |
|
if (index != 0) { // If it's the first, no moving up of course |
|
// Reason for funny way of swapping, see https://github.com/angular-ui/ng-grid/issues/272 |
|
var temp = $scope.selectedProperties[0].enumValues[index]; |
|
$scope.selectedProperties[0].enumValues.splice(index, 1); |
|
$timeout(function(){ |
|
$scope.selectedProperties[0].enumValues.splice(index + -1, 0, temp); |
|
}); |
|
|
|
} |
|
} |
|
}; |
|
|
|
// Click handler for down button |
|
$scope.moveEnumValueDown = function() { |
|
if ($scope.selectedProperties.length > 0 && $scope.selectedEnumValues.length > 0) { |
|
var index = $scope.selectedProperties[0].enumValues.indexOf($scope.selectedEnumValues[0]); |
|
if (index != $scope.selectedProperties[0].enumValues.length - 1) { // If it's the last element, no moving down of course |
|
// Reason for funny way of swapping, see https://github.com/angular-ui/ng-grid/issues/272 |
|
var temp = $scope.selectedProperties[0].enumValues[index]; |
|
$scope.selectedProperties[0].enumValues.splice(index, 1); |
|
$timeout(function(){ |
|
$scope.selectedProperties[0].enumValues.splice(index + 1, 0, temp); |
|
}); |
|
|
|
} |
|
} |
|
}; |
|
|
|
// Click handler for save button |
|
$scope.save = function() { |
|
|
|
if ($scope.formProperties.length > 0) { |
|
$scope.property.value = {}; |
|
$scope.property.value.formProperties = $scope.formProperties; |
|
} else { |
|
$scope.property.value = null; |
|
} |
|
|
|
$scope.updatePropertyInModel($scope.property); |
|
$scope.close(); |
|
}; |
|
|
|
$scope.cancel = function() { |
|
$scope.$hide(); |
|
$scope.property.mode = 'read'; |
|
}; |
|
|
|
// Close button handler |
|
$scope.close = function() { |
|
$scope.$hide(); |
|
$scope.property.mode = 'read'; |
|
}; |
|
|
|
}]; |