a94687b3722aced7b7098797064c2befb9985648
[ccsdk/cds.git] /
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}}>
7
8             <span>
9                                             <i [className]="mode.style" aria-hidden="true" [id]="mode.name"></i>
10                 {{mode.name}}
11                                             </span>
12         </label>
13     </div>
14
15 </div>
16 <div class="card creat-card">
17     <div class="single-line">
18         <label class="label-name">Name</label>
19         <div class="label-input">
20             <input type="input"
21                    [(ngModel)]="metaDataTab.name" placeholder="Topology name.vLB.CDS">
22         </div>
23     </div>
24     <hr/>
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">
30         </div>
31     </div>
32     <hr/>
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">
39         </div>
40         <div><label style="color: red">{{errorMessage}}</label></div>
41     </div>
42     <hr/>
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">
48         </div>
49     </div>
50 </div>
51 <div id="container">
52     <div id="target">
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>
57                 </h5>
58
59             </div>
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">
64                 </div>
65             </div>
66             <hr/>
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">
72                 </div>
73             </div>
74
75         </div>
76     </div>
77 </div>
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
83             </button>
84
85
86         </div>
87     </div>
88 </div>