bea6081c05ebbf49ae1be8fbbfec3239f98db6c4
[ccsdk/cds.git] / cds-ui / designer-client / src / app / modules / feature-modules / resource-dictionary / resource-dictionary-creation / dictionary-metadata / dictionary-metadata.component.html
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 col-11">
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"
25                 placeholder="Topology name.vLB.CDS">
26         </div>
27          <!-- <div class="model-note-container error-message">
28             Package name already exists with this version. Please enter a different name or enter different version
29             number.
30         </div>  -->
31     </div>
32
33     <!-- <div class="single-line-model">
34         <label class="label-name">Version <span>*</span></label>
35         <div class="label-input">
36             <input type="input" [readOnly]="!packageNameAndVersionEnables" [(ngModel)]="metaDataTab.version"
37                 (input)="validatePackageNameAndVersion()" placeholder="Example: 1.0.0"> 
38         </div>
39         <div class="model-note-container error-message">{{errorMessage}}</div>
40     </div>  -->
41     <div class="single-line-model">
42         <label class="label-name">Entry Schema</label>
43         <div class="label-input">
44             <input type="input" [(ngModel)]="metaDataTab.entrySchema" placeholder="Entry Schema">
45         </div>
46     </div>
47     <div class="single-line-model">
48         <label class="label-name">Data Type</label>
49         <div class="label-input">
50             <input type="input" [(ngModel)]="metaDataTab.dataType" placeholder="Data Type">
51         </div>
52     </div>
53     <div class="single-line-model">
54         <label class="label-name">Description</label>
55         <div class="label-input">
56             <input type="input" [(ngModel)]="metaDataTab.description" placeholder="Descripe the package">
57         </div>
58     </div>
59     <div class="single-line-model">
60         <label class="label-name">Required</label>
61         <div class="label-input">
62             <input type="input" [(ngModel)]="metaDataTab.updatedBy" placeholder="required">
63         </div>
64     </div>
65     <div class="single-line-model">
66         <label class="label-name">Library Instance</label>
67         <div class="label-input">
68             <input type="input" [(ngModel)]="metaDataTab.libraryInstance" placeholder="Library Instance">
69         </div>
70     </div>
71     <div class="single-line-model">
72         <label class="label-name">Derived From</label>
73         <div class="label-input">
74             <input type="input" [(ngModel)]="metaDataTab.derivedFrom" placeholder="Derived From">
75         </div>
76     </div>
77
78     <div class="single-line-model">
79         <label class="label-name">Tags</label>
80         <div class="label-input">
81             <input type="input" (keyup.enter)="addTag($event)" [(ngModel)]="metaDataTab.tags"
82                 placeholder="Ex., vDNS-CDS">
83
84         </div>
85         <div class="model-note-container tag-notes">Seprate tags with comma or space</div>
86         <div class="model-note-container tages-container">
87             <span *ngFor="let tag of tags" class="single-tage">{{tag}} <i (click)="removeTag(tag)"
88                     class="fa fa-times-circle"></i></span>
89         </div>
90     </div>
91 </div>