1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
import * as _ from "lodash";
import {Component} from '@angular/core';
import {DropdownValue} from "app/ng2/components/ui/form-components/dropdown/ui-element-dropdown.component";
import { DataTypeService } from "app/ng2/services/data-type.service";
import {PropertyBEModel, DataTypesMap} from "app/models";
import {PROPERTY_DATA} from "app/utils";
import {PROPERTY_TYPES} from "../../../../utils";
@Component({
selector: 'property-creator',
templateUrl: './property-creator.component.html',
styleUrls:['./property-creator.component.less'],
})
export class PropertyCreatorComponent {
typesProperties: Array<DropdownValue>;
typesSchemaProperties: Array<DropdownValue>;
propertyModel: PropertyBEModel;
//propertyNameValidationPattern:RegExp = /^[a-zA-Z0-9_:-]{1,50}$/;
//commentValidationPattern:RegExp = /^[\u0000-\u00BF]*$/;
//types:Array<string>;
dataTypes:DataTypesMap;
isLoading:boolean;
constructor(protected dataTypeService:DataTypeService) {}
ngOnInit() {
this.propertyModel = new PropertyBEModel();
this.propertyModel.type = '';
this.propertyModel.schema.property.type = '';
const types: Array<string> = PROPERTY_DATA.TYPES; //All types - simple type + map + list
this.dataTypes = this.dataTypeService.getAllDataTypes(); //Get all data types in service
const nonPrimitiveTypes :Array<string> = _.filter(Object.keys(this.dataTypes), (type:string)=> {
return types.indexOf(type) == -1;
});
this.typesProperties = _.map(PROPERTY_DATA.TYPES,
(type: string) => new DropdownValue(type, type)
);
let typesSimpleProperties = _.map(PROPERTY_DATA.SIMPLE_TYPES,
(type: string) => new DropdownValue(type, type)
);
let nonPrimitiveTypesValues = _.map(nonPrimitiveTypes,
(type: string) => new DropdownValue(type,
type.replace("org.openecomp.datatypes.heat.",""))
)
.sort((a, b) => a.label.localeCompare(b.label));
this.typesProperties = _.concat(this.typesProperties,nonPrimitiveTypesValues);
this.typesSchemaProperties = _.concat(typesSimpleProperties,nonPrimitiveTypesValues);
this.typesProperties.unshift(new DropdownValue('','Select Type...'));
this.typesSchemaProperties.unshift(new DropdownValue('','Select Schema Type...'));
}
checkFormValidForSubmit(){
const showSchema:boolean = this.showSchema();
let isSchemaValid: boolean = (showSchema && !this.propertyModel.schema.property.type)? false : true;
if (!showSchema){
this.propertyModel.schema.property.type = '';
}
return this.propertyModel.name && this.propertyModel.type && isSchemaValid;
}
showSchema():boolean {
return [PROPERTY_TYPES.LIST, PROPERTY_TYPES.MAP].indexOf(this.propertyModel.type) > -1;
};
onSchemaTypeChange():void {
if (this.propertyModel.type == PROPERTY_TYPES.MAP) {
this.propertyModel.value = JSON.stringify({'': null});
} else if (this.propertyModel.type == PROPERTY_TYPES.LIST) {
this.propertyModel.value = JSON.stringify([]);
}
};
}
|