1 <div class="card creat-card">
2 <div class="single-line">
3 <label class="label-name">Mode</label>
4 <label name="trst" *ngFor="let mode of modes; let i = index">
5 <input class="form-check-input" [(ngModel)]="metaDataTab.mode" type="radio"
6 name="exampleRadios" id="exampleRadios1" value={{mode.name}}>
9 <i [className]="mode.style" aria-hidden="true" [id]="mode.name"></i>
16 <div class="card creat-card">
17 <div class="single-line">
18 <label class="label-name">Name</label>
19 <div class="label-input">
21 [(ngModel)]="metaDataTab.name" placeholder="Topology name.vLB.CDS">
25 <div class="single-line">
26 <label class="label-name">Description</label>
27 <div class="label-input">
28 <input type="input" [(ngModel)]="metaDataTab.description"
29 placeholder="Descripe the package">
33 <div class="single-line">
34 <label class="label-name">Version</label>
35 <div class="label-input">
36 <input type="input" [(ngModel)]="metaDataTab.version"
37 (input)="validatePackageNameAndVersion()"
38 placeholder="Example: 1.0.0">
40 <div><label style="color: red">{{errorMessage}}</label></div>
43 <div class="single-line">
44 <label class="label-name">tags</label>
45 <div class="label-input">
46 <input type="input" [(ngModel)]="metaDataTab.tags"
47 placeholder="Ex., vDNS-CDS">
53 <div class="card creat-card">
54 <div class="single-line">
55 <h5 class="label-name">
56 Custom key <a class="delete-key" (click)="deleteCustomKey($event)">Delete</a>
60 <div class="single-line">
61 <label class="label-name">Name</label>
62 <div class="label-input">
63 <input name="key" type="input" placeholder="Enter Name">
67 <div class="single-line">
68 <label class="label-name">Value</label>
69 <div class="label-input">
70 <input name="value" type="input"
71 placeholder="Enter Value">
78 <div class="card creat-card">
79 <div class="single-line">
80 <div name="custom key">
81 <button class="custom-key" (click)="createAnotherCustomKeyDiv()"><i
82 class="fa fa-plus" aria-hidden="true"></i> Add a custom key