ea8d3122369be430307aa64c52a9bc4259ac7b08
[ccsdk/cds.git] /
1 <!--/*
2 * ============LICENSE_START=======================================================
3 * ONAP : CDS
4 * ================================================================================
5 * Copyright (C) 2020 TechMahindra
6 *=================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
10 *
11 *     http://www.apache.org/licenses/LICENSE-2.0
12 *
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
19 */-->
20 <div class="card creat-card">
21     <div class="single-line-model">
22         <label class="label-name">Name</label>
23         <div class="label-input">
24             <input type="input" [(ngModel)]="metaDataTab.name" placeholder="Dictionary Name">
25         </div>
26         <!-- <div class="model-note-container error-message">
27             Package name already exists with this version. Please enter a different name or enter different version
28             number.
29         </div>  -->
30     </div>
31
32     <!-- <div class="single-line-model">
33         <label class="label-name">Version <span>*</span></label>
34         <div class="label-input">
35             <input type="input" [readOnly]="!packageNameAndVersionEnables" [(ngModel)]="metaDataTab.version"
36                 (input)="validatePackageNameAndVersion()" placeholder="Example: 1.0.0"> 
37         </div>
38         <div class="model-note-container error-message">{{errorMessage}}</div>
39     </div>  -->
40     <div class="single-line-model">
41         <label class="label-name">Entry Schema</label>
42         <div class="label-input">
43             <input type="input" [(ngModel)]="metaDataTab.property.entry_schema.type" placeholder="Entry Schema">
44         </div>
45     </div>
46     <div class="single-line-model">
47         <label class="label-name">Data Type</label>
48         <div class="label-input">
49             <input type="input" [(ngModel)]="metaDataTab.property.type" placeholder="Data Type">
50         </div>
51     </div>
52     <div class="single-line-model">
53         <label class="label-name">Description</label>
54         <div class="label-input">
55             <input type="input" [(ngModel)]="metaDataTab.property.description" placeholder="Descripe the package">
56         </div>
57     </div>
58     <div class="single-line-model">
59         <label class="label-name">Required</label>
60         <div class="label-input">
61             <div class="custom-control custom-checkbox">
62                 <input type="checkbox" [(ngModel)]="metaDataTab.property.required" [ngModelOptions]="{standalone: true}"
63                     class="custom-control-input" id="customControlValidation1" required>
64                 <label class="custom-control-label p-0" for="customControlValidation1">True</label>
65             </div>
66         </div>
67         <!-- <div class="label-input">
68             <input type="checkbox" [checked]="metaDataTab.property.required" style="width: auto;"
69                 (change)="metaDataTab.property.required = !metaDataTab.property.required" placeholder="required"> &nbsp;<span style="font-size: 14px;">True</span>
70         </div> -->
71     </div>
72     <!-- <div class="single-line-model">
73         <label class="label-name">Library Instance</label>
74         <div class="label-input">
75             <input type="input" [(ngModel)]="metaDataTab.libraryInstance" placeholder="Library Instance">
76         </div>
77     </div> -->
78     <div class="single-line-model">
79         <label class="label-name">Updated By</label>
80         <div class="label-input">
81             <input type="input" [(ngModel)]="metaDataTab['updated-by']" placeholder="Updated By">
82         </div>
83     </div>
84
85     <div class="single-line-model">
86         <label class="label-name">Tags</label>
87         <div class="label-input">
88             <input type="input" (keyup.enter)="addTag($event)" placeholder="Ex., vDNS-CDS">
89
90         </div>
91         <div class="model-note-container tag-notes">Seprate tags with comma or space</div>
92         <div class="model-note-container tages-container">
93             <span *ngFor="let tag of tags" class="single-tage">{{tag}} <i (click)="removeTag(tag)"
94                     class="fa fa-times-circle"></i></span>
95         </div>
96     </div>
97 </div>