2 * ============LICENSE_START=======================================================
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
11 * http://www.apache.org/licenses/LICENSE-2.0
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=========================================================
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" placeholder="Topology name.vLB.CDS">
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
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">
38 <div class="model-note-container error-message">{{errorMessage}}</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">
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">
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">
58 <div class="single-line-model">
59 <label class="label-name">Required</label>
60 <div class="label-input">
61 <input type="checkbox" [checked]="metaDataTab.property.required" style="width: auto;"
62 (change)="metaDataTab.property.required = !metaDataTab.property.required" placeholder="required">
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">
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">
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">
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>