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

   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)]="modeType" type="radio" name="radioMode" id="radioMode"
   6                 [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     <div class="single-line">
  15         <label class="label-name">Dictionary Library Instance</label>
  16         <div class="label-input">
  17             <select class="form-control" id="exampleFormControlSelect1">
  18                 <option>Library Instance 1</option>
  19                 <option>Library Instance 2</option>
  20                 <option>Library Instance 3</option>
  21                 <option>Library Instance 4</option>
  22                 <option>Library Instance 5</option>
  23             </select>
  24         </div>
  25     </div>
  26
  27 </div>
  28 <div class="card creat-card">
  29     <div class="single-line-model">
  30         <label class="label-name">Name <span>*</span></label>
  31         <div class="label-input">
  32             <input type="input" [readOnly]="!packageNameAndVersionEnables" [(ngModel)]="metaDataTab.name"
  33                 placeholder="Topology name.vLB.CDS">
  34         </div>
  35         <!--<div class="model-note-container error-message">
  36             Package name already exists with this version. Please enter a different name or enter different version
  37             number.
  38         </div>-->
  39     </div>
  40
  41     <div class="single-line-model">
  42         <label class="label-name">Version <span>*</span></label>
  43         <div class="label-input">
  44             <input type="input" [readOnly]="!packageNameAndVersionEnables" [(ngModel)]="metaDataTab.version"
  45                 (input)="validatePackageNameAndVersion()" placeholder="Example: 1.0.0">
  46         </div>
  47         <div class="model-note-container error-message">{{errorMessage}}</div>
  48     </div>
  49     <div class="single-line-model">
  50         <label class="label-name">Description</label>
  51         <div class="label-input">
  52             <input type="input" [(ngModel)]="metaDataTab.description" placeholder="Descripe the package">
  53         </div>
  54     </div>
  55
  56     <div class="single-line-model">
  57         <label class="label-name">tags</label>
  58         <div class="label-input">
  59             <input type="input" (keyup.enter)="addTag($event)" [(ngModel)]="metaDataTab.tags"
  60                 placeholder="Ex., vDNS-CDS">
  61
  62         </div>
  63         <div class="model-note-container tag-notes">Seprate tags with comma or space</div>
  64         <div class="model-note-container tages-container">
  65             <span *ngFor="let tag of tags" class="single-tage">{{tag}} <i (click)="removeTag(tag)"
  66                     class="fa fa-times-circle"></i></span>
  67         </div>
  68     </div>
  69 </div>
  70 <div id="container">
  71     <div id="target">
  72         <div class="card creat-card">
  73             <div class="single-line">
  74                 <h5 class="label-name">
  75                     Custom key
  76                 </h5>
  77
  78             </div>
  79             <div *ngFor="let map of customKeysMap | keyvalue; let i=index" class="single-custom-key">
  80                 <div class="single-line-custom-key">
  81                     <label class="label-name"><span>{{i + 1}}-</span> Name</label>
  82                     <div class="label-input">
  83                         <input value="{{map.key}}" name="key" type="input" placeholder="Enter name">
  84                     </div>
  85                 </div>
  86                 <div class="single-line-custom-key">
  87                     <label class="label-name">Value</label>
  88                     <div class="label-input">
  89                         <input value="{{map.value}}" name="value" type="input" placeholder="Enter value">
  90                     </div>
  91                 </div>
  92                 <div class="single-line-custom-key-delete">
  93                     <button (click)="removeKey($event,map.key)" class="custom-key-delete"><i aria-hidden="true"
  94                             class="icon-delete"></i></button>
  95                 </div>
  96             </div>
  97
  98             <div class="single-custom-key">
  99                 <div class="single-line-custom-key">
 100                     <label class="label-name"><span>{{customKeysMap.size + 1}}.</span> Name</label>
 101                     <div class="label-input">
 102                         <input (keyup.enter)="addCustomKey()" name="key" type="input" class="mapKey"
 103                             placeholder="Enter name">
 104                     </div>
 105                 </div>
 106                 <div class="single-line-custom-key">
 107                     <label class="label-name">Value</label>
 108                     <div class="label-input">
 109                         <input (keyup.enter)="addCustomKey()" class="mapValue" name="value" type="input"
 110                             placeholder="Enter value">
 111                     </div>
 112                 </div>
 113                 <!-- <div class="single-line-custom-key-delete"><button (click)="removeKey($event)"
 114                         class="custom-key-delete"><i aria-hidden="true" class="icon-delete"></i></button></div> -->
 115             </div>
 116
 117         </div>
 118     </div>
 119 </div>