blob: cca0dbcc16caeb8a919df6ea2aa8bc938338e607 (
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
|
<tour-step-template></tour-step-template>
<div class="card creat-card">
<div class="single-line-model">
<label class="label-name">Mode</label>
<div class="label-input">
<label name="trst" *ngFor="let mode of modes; let i = index" class="pl-0">
<input class="form-check-input" [(ngModel)]="modeType" type="radio" name="radioMode" id="radioMode"
[value]="mode.name">
<span>
<i [className]="mode.style" aria-hidden="true" [id]="mode.name"></i>
{{mode.name}}
</span>
</label>
</div>
</div>
<div class="single-line">
<label class="label-name">Dictionary Library Instance</label>
<div class="label-input">
<select class="form-control" id="exampleFormControlSelect1">
<option>Select Library Instance</option>
<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">
<label class="label-name">Name <span>*</span></label>
<div class="label-input">
<input tourAnchor="mt-packageName" type="input" [readOnly]="!isNameEditable" (change)="checkRequiredElements()"
[(ngModel)]="metaDataTab.name" placeholder="Package name">
</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 tourAnchor="mt-packageVersion" type="input" (change)="checkRequiredElements()"
[(ngModel)]="metaDataTab.version" (input)="validatePackageNameAndVersion()"
pattern="(\d+)\.(\d+)\.(\d+)" placeholder="Example: 1.0.0">
</div>
<div class="model-note-container tag-notes">Must follow this format (1.0.0)</div>
<div class="model-note-container error-message">{{errorMessage}}</div>
</div>
<div class="single-line-model">
<label class="label-name">Description <span>*</span></label>
<div class="label-input">
<input tourAnchor="mt-packageDescription" type="input" [(ngModel)]="metaDataTab.description"
(change)="checkRequiredElements()" placeholder="Descripe the package">
</div>
</div>
<div class="single-line-model">
<label class="label-name">Tags <span>*</span></label>
<div class="label-input">
<input tourAnchor="mt-packageTags" type="input" (keyup.enter)="addTag($event)"
(keyup.Space)="addTag($event)" placeholder="Ex., vDNS-CDS">
</div>
<div class="model-note-container tag-notes">Use ENTER/SPACE to add tag</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 mb-4">
<div class="single-line customKeyTitle">
<h5 class="label-name w-100 ">
Custom key
</h5>
<span>To add New Custom Key, fill the first key then <b>Press ENTER</b></span>
</div>
<div *ngFor="let map of this.metaDataTab.mapOfCustomKey | 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-sm"></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 tourAnchor="mt-packageKeys" (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-sm"></i></button></div> -->
</div>
</div>
</div>
</div>
|
