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.
		
		
		
		
			
				
					192 lines
				
				6.6 KiB
			
		
		
			
		
	
	
					192 lines
				
				6.6 KiB
			| 
								 
											4 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
							 | 
						||
| 
								 | 
							
								 */
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								/*
							 | 
						||
| 
								 | 
							
								 * Task listeners
							 | 
						||
| 
								 | 
							
								 */
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								var KisBpmFieldsCtrl = [ '$scope', '$modal', '$timeout', '$translate', function($scope, $modal, $timeout, $translate) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Config for the modal window
							 | 
						||
| 
								 | 
							
								    var opts = {
							 | 
						||
| 
								 | 
							
								        template:  'editor-app/configuration/properties/fields-popup.html',
							 | 
						||
| 
								 | 
							
								        scope: $scope
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Open the dialog
							 | 
						||
| 
								 | 
							
								    $modal(opts);
							 | 
						||
| 
								 | 
							
								}];
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								var KisBpmFieldsPopupCtrl = [ '$scope', '$q', '$translate', function($scope, $q, $translate) {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Put json representing form properties on scope
							 | 
						||
| 
								 | 
							
								    if ($scope.property.value !== undefined && $scope.property.value !== null
							 | 
						||
| 
								 | 
							
								        && $scope.property.value.fields !== undefined
							 | 
						||
| 
								 | 
							
								        && $scope.property.value.fields !== 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 happened
							 | 
						||
| 
								 | 
							
								        $scope.fields = angular.copy($scope.property.value.fields);
							 | 
						||
| 
								 | 
							
								        
							 | 
						||
| 
								 | 
							
								        for (var i = 0; i < $scope.fields.length; i++)
							 | 
						||
| 
								 | 
							
										{
							 | 
						||
| 
								 | 
							
											var field = $scope.fields[i];
							 | 
						||
| 
								 | 
							
											if (field.stringValue !== undefined && field.stringValue !== '')
							 | 
						||
| 
								 | 
							
								        	{
							 | 
						||
| 
								 | 
							
												field.implementation = field.stringValue;
							 | 
						||
| 
								 | 
							
								        	}
							 | 
						||
| 
								 | 
							
								        	else if (field.expression !== undefined && field.expression !== '')
							 | 
						||
| 
								 | 
							
								        	{
							 | 
						||
| 
								 | 
							
								        		field.implementation = field.expression;
							 | 
						||
| 
								 | 
							
								        	}
							 | 
						||
| 
								 | 
							
								        	else if (field.string !== undefined && field.string !== '')
							 | 
						||
| 
								 | 
							
								        	{
							 | 
						||
| 
								 | 
							
								        		field.implementation = field.string;
							 | 
						||
| 
								 | 
							
								        	}
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
								        
							 | 
						||
| 
								 | 
							
								    } else {
							 | 
						||
| 
								 | 
							
								        $scope.fields = [];
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Array to contain selected properties (yes - we only can select one, but ng-grid isn't smart enough)
							 | 
						||
| 
								 | 
							
								    $scope.selectedFields = [];
							 | 
						||
| 
								 | 
							
								    $scope.translationsRetrieved = false;
							 | 
						||
| 
								 | 
							
								    $scope.labels = {};
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    var namePromise = $translate('PROPERTY.FIELDS.NAME');
							 | 
						||
| 
								 | 
							
								    var implementationPromise = $translate('PROPERTY.FIELDS.IMPLEMENTATION');
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    $q.all([namePromise, implementationPromise]).then(function(results) {
							 | 
						||
| 
								 | 
							
								        $scope.labels.nameLabel = results[0];
							 | 
						||
| 
								 | 
							
								        $scope.labels.implementationLabel = results[1];
							 | 
						||
| 
								 | 
							
								        $scope.translationsRetrieved = true;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        // Config for grid
							 | 
						||
| 
								 | 
							
								        $scope.gridOptions = {
							 | 
						||
| 
								 | 
							
								            data: 'fields',
							 | 
						||
| 
								 | 
							
								            enableRowReordering: true,
							 | 
						||
| 
								 | 
							
								            headerRowHeight: 28,
							 | 
						||
| 
								 | 
							
								            multiSelect: false,
							 | 
						||
| 
								 | 
							
								            keepLastSelected: false,
							 | 
						||
| 
								 | 
							
								            selectedItems: $scope.selectedFields,
							 | 
						||
| 
								 | 
							
								            columnDefs: [{field: 'name', displayName: $scope.labels.nameLabel},
							 | 
						||
| 
								 | 
							
								                {field: 'implementation', displayName: $scope.labels.implementationLabel}]
							 | 
						||
| 
								 | 
							
								        };
							 | 
						||
| 
								 | 
							
								    });
							 | 
						||
| 
								 | 
							
								    
							 | 
						||
| 
								 | 
							
								    $scope.fieldDetailsChanged = function() {
							 | 
						||
| 
								 | 
							
								    	if ($scope.selectedFields[0].stringValue != '')
							 | 
						||
| 
								 | 
							
								    	{
							 | 
						||
| 
								 | 
							
								    		$scope.selectedFields[0].implementation = $scope.selectedFields[0].stringValue;
							 | 
						||
| 
								 | 
							
								    	}
							 | 
						||
| 
								 | 
							
								    	else if ($scope.selectedFields[0].expression != '')
							 | 
						||
| 
								 | 
							
								    	{
							 | 
						||
| 
								 | 
							
								    		$scope.selectedFields[0].implementation = $scope.selectedFields[0].expression;
							 | 
						||
| 
								 | 
							
								    	}
							 | 
						||
| 
								 | 
							
								    	else if ($scope.selectedFields[0].string != '')
							 | 
						||
| 
								 | 
							
								    	{
							 | 
						||
| 
								 | 
							
								    		$scope.selectedFields[0].implementation = $scope.selectedFields[0].string;
							 | 
						||
| 
								 | 
							
								    	}
							 | 
						||
| 
								 | 
							
								    	else
							 | 
						||
| 
								 | 
							
								    	{
							 | 
						||
| 
								 | 
							
								    		$scope.selectedFields[0].implementation = '';
							 | 
						||
| 
								 | 
							
								    	}
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Click handler for add button
							 | 
						||
| 
								 | 
							
								    $scope.addNewField = function() {
							 | 
						||
| 
								 | 
							
								    	$scope.fields.push({ name : 'fieldName',
							 | 
						||
| 
								 | 
							
								            implementation : '',
							 | 
						||
| 
								 | 
							
								            stringValue : '',
							 | 
						||
| 
								 | 
							
								            expression: '',
							 | 
						||
| 
								 | 
							
								            string: ''});
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Click handler for remove button
							 | 
						||
| 
								 | 
							
								    $scope.removeField = function() {
							 | 
						||
| 
								 | 
							
								        if ($scope.selectedFields.length > 0) {
							 | 
						||
| 
								 | 
							
								            var index = $scope.fields.indexOf($scope.selectedFields[0]);
							 | 
						||
| 
								 | 
							
								            $scope.gridOptions.selectItem(index, false);
							 | 
						||
| 
								 | 
							
								            $scope.fields.splice(index, 1);
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								            $scope.selectedFields.length = 0;
							 | 
						||
| 
								 | 
							
								            if (index < $scope.fields.length) {
							 | 
						||
| 
								 | 
							
								                $scope.gridOptions.selectItem(index + 1, true);
							 | 
						||
| 
								 | 
							
								            } else if ($scope.fields.length > 0) {
							 | 
						||
| 
								 | 
							
								                $scope.gridOptions.selectItem(index - 1, true);
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Click handler for up button
							 | 
						||
| 
								 | 
							
								    $scope.moveFieldUp = function() {
							 | 
						||
| 
								 | 
							
								        if ($scope.selectedFields.length > 0) {
							 | 
						||
| 
								 | 
							
								            var index = $scope.fields.indexOf($scope.selectedFields[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.fields[index];
							 | 
						||
| 
								 | 
							
								                $scope.fields.splice(index, 1);
							 | 
						||
| 
								 | 
							
								                $timeout(function(){
							 | 
						||
| 
								 | 
							
								                	$scope.fields.splice(index + -1, 0, temp);
							 | 
						||
| 
								 | 
							
								                }, 100);
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Click handler for down button
							 | 
						||
| 
								 | 
							
								    $scope.moveFieldDown = function() {
							 | 
						||
| 
								 | 
							
								        if ($scope.selectedFields.length > 0) {
							 | 
						||
| 
								 | 
							
								            var index = $scope.fields.indexOf($scope.selectedFields[0]);
							 | 
						||
| 
								 | 
							
								            if (index != $scope.fields.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.fields[index];
							 | 
						||
| 
								 | 
							
								                $scope.fields.splice(index, 1);
							 | 
						||
| 
								 | 
							
								                $timeout(function(){
							 | 
						||
| 
								 | 
							
								                	$scope.fields.splice(index + 1, 0, temp);
							 | 
						||
| 
								 | 
							
								                }, 100);
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Click handler for save button
							 | 
						||
| 
								 | 
							
								    $scope.save = function() {
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        if ($scope.fields.length > 0) {
							 | 
						||
| 
								 | 
							
								            $scope.property.value = {};
							 | 
						||
| 
								 | 
							
								            $scope.property.value.fields = $scope.fields;
							 | 
						||
| 
								 | 
							
								        } else {
							 | 
						||
| 
								 | 
							
								            $scope.property.value = null;
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								        $scope.updatePropertyInModel($scope.property);
							 | 
						||
| 
								 | 
							
								        $scope.close();
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    $scope.cancel = function() {
							 | 
						||
| 
								 | 
							
								        $scope.close();
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								    // Close button handler
							 | 
						||
| 
								 | 
							
								    $scope.close = function() {
							 | 
						||
| 
								 | 
							
								        $scope.property.mode = 'read';
							 | 
						||
| 
								 | 
							
								        $scope.$hide();
							 | 
						||
| 
								 | 
							
								    };
							 | 
						||
| 
								 | 
							
								}];
							 |