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