blob: 09393c403c3755152c66b7f2c252df239c7989d6 (
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
<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" [(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 class="single-tage">vDNS-CDS <a href="#"> <i class="fa fa-times-circle"></i></a></span>
<span class="single-tage">vDNS-CDS <a href="#"> <i class="fa fa-times-circle"></i></a></span>
<span class="single-tage">vDNS-CDS <a href="#"> <i class="fa fa-times-circle"></i></a></span>
<span class="single-tage">vDNS-CDS <a href="#"> <i class="fa fa-times-circle"></i></a></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 class="single-custom-key">
<div class="single-line-custom-key">
<label class="label-name"><span>1-</span> Name</label>
<div class="label-input">
<input 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 name="value" type="input"
placeholder="Enter value">
</div>
</div>
<div class="single-line-custom-key-delete"><button 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>2-</span> Name</label>
<div class="label-input">
<input 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 name="value" type="input"
placeholder="Enter value">
</div>
</div>
<div class="single-line-custom-key-delete"><button 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>3-</span> Name</label>
<div class="label-input">
<input 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 name="value" type="input"
placeholder="Enter value">
</div>
</div>
</div>
</div>
</div>
</div>
|
