1 files changed, 85 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/components/properties-table/list-property/list-property.component.ts b/catalog-ui/src/app/ng2/components/properties-table/list-property/list-property.component.ts
new file mode 100644
index 0000000000..96f8c680a2
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/properties-table/list-property/list-property.component.ts
@@ -0,0 +1,85 @@
+/**
+ * Created by rc2122 on 4/23/2017.
+ */
+import {Component, Input, Output, EventEmitter} from "@angular/core";
+import { PropertyFEModel} from "app/models";
+import {PropertiesService} from "app/ng2/services/properties.service";
+import { ContentAfterLastDotPipe } from "app/ng2/pipes/contentAfterLastDot.pipe";
+import {UUID} from "angular2-uuid";
+import {ComponentType} from "app/utils";
+
+@Component({
+    selector: 'list-property',
+    templateUrl: './list-property.component.html',
+    styleUrls: ['../properties-value-inner-table/properties-value-inner-table.component.less', './list-property.component.less']
+})
+export class ListPropertyComponent {
+
+    @Input() property: PropertyFEModel;
+    @Input() selectedPropertyId: string;
+    @Input() propertyNameSearchText:string;
+    
+    @Output() valueChanged: EventEmitter<any> = new EventEmitter<any>();
+    @Output() selectChildProperty: EventEmitter<any> = new EventEmitter<PropertyFEModel>();
+
+    constructor ( private propertiesService:PropertiesService, private contentAfterLastDotPipe:ContentAfterLastDotPipe ){
+    }
+
+    propValueChanged = () => {
+        this.valueChanged.emit(this.property);
+    };
+
+    onChildPropertySelected = (property) => {
+        this.selectChildProperty.emit(property);
+    };
+
+    getNumber = (valueObjectRef: any): Array<any> => {
+        let num: number = (valueObjectRef) ? valueObjectRef.length : 0;
+        return new Array(num);
+    }
+
+    createNewChildProperty = ():void => {
+        let newProperty: PropertyFEModel = new PropertyFEModel(this.contentAfterLastDotPipe.transform(this.property.schema.property.type),
+            this.property.schema.property.type,
+            UUID.UUID(),
+            this.property,
+            this.property.valueObjectRef[this.property.childrenProperties.length]
+        );
+        this.propertiesService.createPropertiesTreeForProp(newProperty);
+        this.property.childrenProperties.push(newProperty);
+    }
+
+    addListItem = ():void => {
+        this.property.valueObjectRef = this.property.valueObjectRef || [];
+        this.property.childrenProperties = this.property.childrenProperties || [];
+        if (this.property.schema.property.isSimpleType){
+            if( this.property.valueObjectRef.indexOf("") == -1 ) {//prevent insert multiple empty simple type items to list
+                this.property.valueObjectRef.push("");
+            }
+        }else{
+            this.property.valueObjectRef[this.property.childrenProperties.length] = {};
+            this.property.childrenProperties = this.property.childrenProperties || [];
+            this.createNewChildProperty();
+            this.valueChanged.emit(this.property);
+        }
+    }
+
+    deleteListItem = (indexInList:number):void => {
+        this.property.valueObjectRef.splice(indexInList, 1);
+        if(this.property.childrenProperties){
+            this.property.childrenProperties.splice(indexInList, 1);
+        }
+        if (!this.property.valueObjectRef.length) {//only when user removes all items from list - put the default
+            if ( this.property.defaultValue ) {
+                angular.copy(JSON.parse(this.property.defaultValue), this.property.valueObjectRef);
+                if (this.property.schema.property.isDataType){
+                    _.forEach(this.property.valueObjectRef, () => {
+                        this.createNewChildProperty();
+                    });
+                }
+            }
+        }
+        this.valueChanged.emit(this.property);
+    }
+
+}