2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
21 import * as _ from "lodash";
22 import {Component, Input, Output, EventEmitter, ViewChild, ComponentRef} from "@angular/core";
23 import { PropertyFEModel, DerivedFEProperty, DerivedPropertyType } from "app/models";
24 import { PROPERTY_TYPES } from 'app/utils';
25 import { DataTypeService } from "../../../../services/data-type.service";
26 import { trigger, state, style, transition, animate } from '@angular/animations';
27 import {PropertiesUtils} from "../../../../pages/properties-assignment/services/properties.utils";
28 import {IUiElementChangeEvent} from "../../../ui/form-components/ui-element-base.component";
29 import {DynamicElementComponent} from "../../../ui/dynamic-element/dynamic-element.component";
30 import {SubPropertyToscaFunction} from "app/models/sub-property-tosca-function";
33 selector: 'dynamic-property',
34 templateUrl: './dynamic-property.component.html',
35 styleUrls: ['./dynamic-property.component.less'],
36 animations: [trigger('fadeIn', [transition(':enter', [style({ opacity: '0' }), animate('.7s ease-out', style({ opacity: '1' }))])])]
38 export class DynamicPropertyComponent {
40 derivedPropertyTypes = DerivedPropertyType; //http://stackoverflow.com/questions/35835984/how-to-use-a-typescript-enum-value-in-an-angular2-ngswitch-statement
41 propType: DerivedPropertyType;
43 isPropertyFEModel: boolean;
45 propertyTestsId: string;
48 @Input() canBeDeclared: boolean;
49 @Input() property: PropertyFEModel | DerivedFEProperty;
50 @Input() expandedChildId: string;
51 @Input() selectedPropertyId: string;
52 @Input() propertyNameSearchText: string;
53 @Input() readonly: boolean;
54 @Input() hasChildren: boolean;
55 @Input() hasDeclareOption:boolean;
56 @Input() rootProperty: PropertyFEModel;
58 @Output('propertyChanged') emitter: EventEmitter<void> = new EventEmitter<void>();
59 @Output() expandChild: EventEmitter<string> = new EventEmitter<string>();
60 @Output() checkProperty: EventEmitter<string> = new EventEmitter<string>();
61 @Output() toggleTosca: EventEmitter<DerivedFEProperty> = new EventEmitter<DerivedFEProperty>();
62 @Output() deleteItem: EventEmitter<string> = new EventEmitter<string>();
63 @Output() clickOnPropertyRow: EventEmitter<PropertyFEModel | DerivedFEProperty> = new EventEmitter<PropertyFEModel | DerivedFEProperty>();
64 @Output() mapKeyChanged: EventEmitter<string> = new EventEmitter<string>();
65 @Output() addChildPropsToParent: EventEmitter<Array<DerivedFEProperty>> = new EventEmitter<Array<DerivedFEProperty>>();
67 @ViewChild('mapKeyInput') public mapKeyInput: DynamicElementComponent;
69 constructor(private propertiesUtils: PropertiesUtils, private dataTypeService: DataTypeService) {
73 this.isPropertyFEModel = this.property instanceof PropertyFEModel;
74 this.propType = this.property.derivedDataType;
75 this.propPath = (this.property instanceof PropertyFEModel) ? this.property.name : this.property.propertiesName;
76 this.nestedLevel = (this.property.propertiesName.match(/#/g) || []).length;
77 this.rootProperty = (this.rootProperty) ? this.rootProperty : <PropertyFEModel>this.property;
78 this.propertyTestsId = this.getPropertyTestsId();
80 this.initConsraintsValues();
83 initConsraintsValues(){
84 let primitiveProperties = ['string', 'integer', 'float', 'boolean', PROPERTY_TYPES.TIMESTAMP];
86 //Property has constraints
87 if(this.property.constraints && this.property.constraints[0]){
88 this.constraints = this.property.constraints[0].validValues
92 else if (primitiveProperties.indexOf(this.rootProperty.type) == -1 && primitiveProperties.indexOf(this.property.type) >= 0 ){
93 this.constraints = this.dataTypeService.getConstraintsByParentTypeAndUniqueID(this.rootProperty.type, this.property.name);
97 this.constraints = null;
103 // set custom error for mapKeyInput
104 if (this.mapKeyInput) {
105 const mapKeyInputControl = this.mapKeyInput.cmpRef.instance.control;
106 const mapKeyError = (<DerivedFEProperty>this.property).mapKeyError;
107 if (mapKeyInputControl.getError('mapKeyError') !== mapKeyError) {
108 mapKeyInputControl.setErrors({mapKeyError});
114 this.propType = this.property.derivedDataType;
115 this.propPath = (this.property instanceof PropertyFEModel) ? this.property.name : this.property.propertiesName;
116 this.rootProperty = (this.rootProperty) ? this.rootProperty : <PropertyFEModel>this.property;
117 this.propertyTestsId = this.getPropertyTestsId();
120 onClickPropertyRow = (property, event) => {
121 // Because DynamicPropertyComponent is recrusive second time the event is fire event.stopPropagation = undefined
122 event && event.stopPropagation && event.stopPropagation();
123 this.clickOnPropertyRow.emit(property);
126 expandChildById = (id: string) => {
127 this.expandedChildId = id;
128 this.expandChild.emit(id);
131 checkedChange = (propName: string) => {
132 this.checkProperty.emit(propName);
135 toggleToscaFunction = (prop: DerivedFEProperty) => {
136 this.toggleTosca.emit(prop);
139 getHasChildren = (property:DerivedFEProperty): boolean => {// enter to this function only from base property (PropertyFEModel) and check for child property if it has children
140 return _.filter((<PropertyFEModel>this.property).flattenedChildren,(prop:DerivedFEProperty)=>{
141 return _.startsWith(prop.propertiesName + '#', property.propertiesName);
145 getPropertyTestsId = () => {
146 return [this.rootProperty.name].concat(this.rootProperty.getParentNamesArray(this.property.propertiesName, [], true)).join('.');
149 onElementChanged = (event: IUiElementChangeEvent) => {
150 this.property.updateValueObj(event.value, event.isValid);
154 createNewChildProperty = (): void => {
156 let newProps: Array<DerivedFEProperty> = this.propertiesUtils.createListOrMapChildren(this.property, "", null);
158 this.propertiesUtils.assignFlattenedChildrenValues(this.property.valueObj, [newProps[0]], this.property.propertiesName);
159 if (this.property instanceof PropertyFEModel) {
160 this.addChildProps(newProps, this.property.name);
162 this.addChildPropsToParent.emit(newProps);
166 addChildProps = (newProps: Array<DerivedFEProperty>, childPropName: string) => {
168 if (this.property instanceof PropertyFEModel) {
169 let insertIndex: number = this.property.getIndexOfChild(childPropName) + this.property.getCountOfChildren(childPropName); //insert after parent prop and existing children
170 this.property.flattenedChildren.splice(insertIndex, 0, ...newProps); //using ES6 spread operator
171 this.expandChildById(newProps[0].propertiesName);
173 this.updateMapKeyValueOnMainParent(newProps);
177 updateMapKeyValueOnMainParent(childrenProps: Array<DerivedFEProperty>){
178 if (this.property instanceof PropertyFEModel) {
179 const property: PropertyFEModel = <PropertyFEModel>this.property;
180 //Update only if all this property parents has key name
181 if (property.getParentNamesArray(childrenProps[0].propertiesName, []).indexOf('') === -1){
182 angular.forEach(childrenProps, (prop:DerivedFEProperty):void => { //Update parent PropertyFEModel with value for each child, including nested props
183 property.childPropUpdated(prop);
184 if (prop.isChildOfListOrMap && prop.mapKey !== undefined) {
185 property.childPropMapKeyUpdated(prop, prop.mapKey, true);
188 //grab the cumulative value for the new item from parent PropertyFEModel and assign that value to DerivedFEProp[0] (which is the list or map parent with UUID of the set we just added)
189 let parentNames = (<PropertyFEModel>property).getParentNamesArray(childrenProps[0].propertiesName, []);
190 childrenProps[0].valueObj = _.get(property.valueObj, parentNames.join('.'), null);
195 childValueChanged = (property: DerivedFEProperty) => { //value of child property changed
197 if (this.property instanceof PropertyFEModel) { // will always be the case
198 if (this.property.getParentNamesArray(property.propertiesName, []).indexOf('') === -1) {//If one of the parents is empty key -don't save
199 this.property.childPropUpdated(property);
200 this.dataTypeService.checkForCustomBehavior(this.property);
206 deleteListOrMapItem = (item: DerivedFEProperty) => {
207 if (this.property instanceof PropertyFEModel) {
208 this.removeValueFromParent(item);
209 this.property.flattenedChildren.splice(this.property.getIndexOfChild(item.propertiesName), this.property.getCountOfChildren(item.propertiesName));
210 this.expandChildById(item.propertiesName);
214 removeValueFromParent = (item: DerivedFEProperty) => {
215 if (this.property instanceof PropertyFEModel) {
216 let itemParent = (item.parentName == this.property.name)
217 ? this.property : this.property.flattenedChildren.find(prop => prop.propertiesName == item.parentName);
221 const oldKey = item.getActualMapKey();
222 if (this.property.subPropertyToscaFunctions !== null) {
223 let tempSubToscaFunction: SubPropertyToscaFunction[] = [];
224 this.property.subPropertyToscaFunctions.forEach((item : SubPropertyToscaFunction, index) => {
225 if(item.subPropertyPath[0] != oldKey){
226 tempSubToscaFunction.push(item);
229 this.property.subPropertyToscaFunctions = tempSubToscaFunction;
231 if (item.derivedDataType == DerivedPropertyType.MAP && !item.mapInlist) {
232 delete itemParent.valueObj[oldKey];
233 if (itemParent instanceof PropertyFEModel) {
234 delete itemParent.valueObjValidation[oldKey];
235 itemParent.valueObjIsValid = itemParent.calculateValueObjIsValid();
237 this.property.childPropMapKeyUpdated(item, null); // remove map key
239 const itemIndex: number = this.property.flattenedChildren.filter(prop => prop.parentName == item.parentName).map(prop => prop.propertiesName).indexOf(item.propertiesName);
240 itemParent.valueObj.splice(itemIndex, 1);
241 if (itemParent instanceof PropertyFEModel) {
242 itemParent.valueObjValidation.splice(itemIndex, 1);
243 itemParent.valueObjIsValid = itemParent.calculateValueObjIsValid();
246 if (itemParent instanceof PropertyFEModel) { //direct child
248 } else { //nested child - need to update parent prop by getting flattened name (recurse through parents and replace map/list keys, etc)
249 this.childValueChanged(itemParent);
254 updateChildKeyInParent(childProp: DerivedFEProperty, newMapKey: string) {
255 if (this.property instanceof PropertyFEModel) {
256 let oldKey = childProp.getActualMapKey();
257 this.property.childPropMapKeyUpdated(childProp, newMapKey);
258 if (this.property.subPropertyToscaFunctions != null) {
259 this.property.subPropertyToscaFunctions.forEach((item : SubPropertyToscaFunction) => {
260 if(item.subPropertyPath[0] === oldKey){
261 item.subPropertyPath = [newMapKey];
269 preventInsertItem = (property:DerivedFEProperty):boolean => {
270 if(property.type == PROPERTY_TYPES.MAP && Object.keys(property.valueObj).indexOf('') > -1 ){