first commit
This commit is contained in:
@ -0,0 +1,276 @@
|
||||
/*
|
||||
* 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';
|
||||
};
|
||||
|
||||
}];
|
||||
Reference in New Issue
Block a user