gerrit.onap Code Review - ccsdk/cds.git/blob

   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="Topology name.vLB.CDS">
  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" class="custom-control-input" id="customControlValidation1" required>
  63                 <label class="custom-control-label p-0" for="customControlValidation1">True</label>
  64             </div>
  65         </div>
  66         <!-- <div class="label-input">
  67             <input type="checkbox" [checked]="metaDataTab.property.required" style="width: auto;"
  68                 (change)="metaDataTab.property.required = !metaDataTab.property.required" placeholder="required"> &nbsp;<span style="font-size: 14px;">True</span>
  69         </div> -->
  70     </div>
  71     <!-- <div class="single-line-model">
  72         <label class="label-name">Library Instance</label>
  73         <div class="label-input">
  74             <input type="input" [(ngModel)]="metaDataTab.libraryInstance" placeholder="Library Instance">
  75         </div>
  76     </div> -->
  77     <!-- <div class="single-line-model">
  78         <label class="label-name">Derived From</label>
  79         <div class="label-input">
  80             <input type="input" [(ngModel)]="metaDataTab.derivedFrom" placeholder="Derived From">
  81         </div>
  82     </div> -->
  83
  84     <div class="single-line-model">
  85         <label class="label-name">Tags</label>
  86         <div class="label-input">
  87             <input type="input" (keyup.enter)="addTag($event)"
  88                 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>