1 files changed, 108 insertions, 0 deletions
diff --git a/catalog-ui/src/app/directives/select-property-types/select-type-list/select-type-list-directive.ts b/catalog-ui/src/app/directives/select-property-types/select-type-list/select-type-list-directive.ts
new file mode 100644
index 0000000000..d277040798
--- /dev/null
+++ b/catalog-ui/src/app/directives/select-property-types/select-type-list/select-type-list-directive.ts
@@ -0,0 +1,108 @@
+/**
+ * Created by rcohen on 9/15/2016.
+ */
+'use strict';
+import {DataTypesService} from "app/services/data-types-service";
+import {SchemaProperty} from "app/models/aschema-property";
+import {ValidationUtils, PROPERTY_TYPES} from "app/utils";
+
+export interface ISelectTypeListScope extends ng.IScope {
+    parentFormObj:ng.IFormController;
+    schemaProperty:SchemaProperty;
+    isSchemaTypeDataType:boolean;
+    valueObjRef:any;
+    propertyNameValidationPattern:RegExp;
+    fieldsPrefixName:string;
+    readOnly:boolean;
+    listDefaultValue:any;
+    listNewItem:any;
+    maxLength:number;
+    dataTypesService:DataTypesService;
+
+    getValidationPattern(type:string):RegExp;
+    validateIntRange(value:string):boolean;
+    addListItem():void;
+    deleteListItem(listItemIndex:number):void
+}
+
+export class SelectTypeListDirective implements ng.IDirective {
+
+    constructor(private DataTypesService:DataTypesService,
+                private PropertyNameValidationPattern:RegExp,
+                private ValidationUtils:ValidationUtils) {
+    }
+
+    scope = {
+        valueObjRef: '=',//ref to list object in the parent value object
+        schemaProperty: '=',//get the schema.property object
+        parentFormObj: '=',//ref to parent form (get angular form object)
+        fieldsPrefixName: '=',//prefix for form fields names
+        readOnly: '=',//is form read only
+        defaultValue: '@',//this list default value
+        maxLength: '=',
+        path: '@'
+    };
+
+    restrict = 'E';
+    replace = true;
+    template = ():string => {
+        return require('./select-type-list-directive.html');
+    };
+
+    link = (scope:ISelectTypeListScope, element:any, $attr:any) => {
+        scope.dataTypesService = this.DataTypesService;
+        scope.propertyNameValidationPattern = this.PropertyNameValidationPattern;
+
+        //reset valueObjRef when schema type is changed
+        scope.$watchCollection('schemaProperty.type', (newData:any):void => {
+            scope.isSchemaTypeDataType = this.DataTypesService.isDataTypeForSchemaType(scope.schemaProperty);
+            //insert 1 empty item dt by default
+            if (scope.isSchemaTypeDataType && (!scope.valueObjRef || !scope.valueObjRef.length)) {
+                scope.valueObjRef = scope.valueObjRef || [];
+                scope.valueObjRef.push({});
+            }
+        });
+
+        //when user brows between properties in "edit property form"
+        scope.$watchCollection('fieldsPrefixName', (newData:any):void => {
+            scope.listNewItem = {value: ''};
+
+            if ($attr.defaultValue) {
+                scope.listDefaultValue = JSON.parse($attr.defaultValue);
+            }
+        });
+
+        scope.getValidationPattern = (type:string):RegExp => {
+            return this.ValidationUtils.getValidationPattern(type);
+        };
+
+        scope.validateIntRange = (value:string):boolean => {
+            return !value || this.ValidationUtils.validateIntRange(value);
+        };
+
+        scope.addListItem = ():void => {
+            scope.valueObjRef = scope.valueObjRef || [];
+            let newVal = ((scope.schemaProperty.simpleType || scope.schemaProperty.type) == PROPERTY_TYPES.STRING ? scope.listNewItem.value : JSON.parse(scope.listNewItem.value));
+            scope.valueObjRef.push(newVal);
+            scope.listNewItem.value = "";
+        };
+
+        scope.deleteListItem = (listItemIndex:number):void => {
+            scope.valueObjRef.splice(listItemIndex, 1);
+            if (!scope.valueObjRef.length) {
+                if (scope.listDefaultValue) {
+                    angular.copy(scope.listDefaultValue, scope.valueObjRef);
+                }
+            }
+        };
+    };
+
+    public static factory = (DataTypesService:DataTypesService,
+                             PropertyNameValidationPattern:RegExp,
+                             ValidationUtils:ValidationUtils)=> {
+        return new SelectTypeListDirective(DataTypesService, PropertyNameValidationPattern, ValidationUtils);
+    };
+}
+
+SelectTypeListDirective.factory.$inject = ['Sdc.Services.DataTypesService', 'PropertyNameValidationPattern', 'ValidationUtils'];
+