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

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