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

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