blob: 6508c96de2fb9219c5fc6f07c011e0d5d95536d9 (
plain)
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
<div class="card creat-card">
<div class="single-line">
<label class="label-name">Mode</label>
<label name="trst" *ngFor="let mode of modes; let i = index">
<input class="form-check-input" [(ngModel)]="metaDataTab.mode" type="radio" name="exampleRadios"
id="exampleRadios1" value={{mode.name}}>
<span>
<i [className]="mode.style" aria-hidden="true" [id]="mode.name"></i>
{{mode.name}}
</span>
</label>
</div>
<div class="single-line">
<label class="label-name">Dictionary Library Instance</label>
<div class="label-input">
<select class="form-control" id="exampleFormControlSelect1">
<option>Library Instance 1</option>
<option>Library Instance 2</option>
<option>Library Instance 3</option>
<option>Library Instance 4</option>
<option>Library Instance 5</option>
</select>
</div>
</div>
</div>
<div class="card creat-card">
<div class="single-line-model error">
<label class="label-name">Name <span>*</span></label>
<div class="label-input">
<input type="input" [(ngModel)]="metaDataTab.name" placeholder="Topology name.vLB.CDS">
</div>
<div class="model-note-container error-message">
Package name already exists with this version. Please enter a different name or enter different version
number.
</div>
</div>
<div class="single-line-model">
<label class="label-name">Version <span>*</span></label>
<div class="label-input">
<input type="input" [(ngModel)]="metaDataTab.version" (input)="validatePackageNameAndVersion()"
placeholder="Example: 1.0.0">
</div>
<div class="model-note-container error-message">{{errorMessage}}</div>
</div>
<div class="single-line-model">
<label class="label-name">Description</label>
<div class="label-input">
<input type="input" [(ngModel)]="metaDataTab.description" placeholder="Descripe the package">
</div>
</div>
<div class="single-line-model">
<label class="label-name">tags</label>
<div class="label-input">
<input type="input" (keyup.enter)="addTag($event)" [(ngModel)]="metaDataTab.tags"
placeholder="Ex., vDNS-CDS">
</div>
<div class="model-note-container tag-notes">Seprate tags with comma or space</div>
<div class="model-note-container tages-container">
<span *ngFor="let tag of tags" class="single-tage">{{tag}} <i (click)="removeTag(tag)"
class="fa fa-times-circle"></i></span>
</div>
</div>
</div>
<div id="container">
<div id="target">
<div class="card creat-card">
<div class="single-line">
<h5 class="label-name">
Custom key
</h5>
</div>
<div *ngFor="let map of customKeysMap | keyvalue; let i=index" class="single-custom-key">
<div class="single-line-custom-key">
<label class="label-name"><span>{{i+1}}-</span> Name</label>
<div class="label-input">
<input value="{{map.key}}" name="key" type="input" placeholder="Enter name">
</div>
</div>
<div class="single-line-custom-key">
<label class="label-name">Value</label>
<div class="label-input">
<input value="{{map.value}}" name="value" type="input" placeholder="Enter value">
</div>
</div>
<div class="single-line-custom-key-delete"><button (click)="removeKey($event,map.key)"
class="custom-key-delete"><i aria-hidden="true" class="icon-delete"></i></button></div>
</div>
<div class="single-custom-key">
<div class="single-line-custom-key">
<label class="label-name"><span>{{customKeysMap.size+1}}.</span> Name</label>
<div class="label-input">
<input (keyup.enter)="addCustomKey()" name="key" type="input" class="mapKey"
placeholder="Enter name">
</div>
</div>
<div class="single-line-custom-key">
<label class="label-name">Value</label>
<div class="label-input">
<input (keyup.enter)="addCustomKey()" class="mapValue" name="value" type="input"
placeholder="Enter value">
</div>
</div>
<!-- <div class="single-line-custom-key-delete"><button (click)="removeKey($event)"
class="custom-key-delete"><i aria-hidden="true" class="icon-delete"></i></button></div> -->
</div>
</div>
</div>
</div>
|