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"
   6                    name="exampleRadios" id="exampleRadios1" 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 error">
  30         <label class="label-name">Name <span>*</span></label>
  31         <div class="label-input">
  32             <input type="input"
  33                    [(ngModel)]="metaDataTab.name" 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 number.
  37             </div>
  38     </div>
  39
  40     <div class="single-line-model">
  41         <label class="label-name">Version <span>*</span></label>
  42         <div class="label-input">
  43             <input type="input" [(ngModel)]="metaDataTab.version"
  44                    (input)="validatePackageNameAndVersion()"
  45                    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"
  53                    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" [(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 class="single-tage">vDNS-CDS <a href="#"> <i class="fa fa-times-circle"></i></a></span>
  67             <span class="single-tage">vDNS-CDS <a href="#"> <i class="fa fa-times-circle"></i></a></span>
  68             <span class="single-tage">vDNS-CDS <a href="#"> <i class="fa fa-times-circle"></i></a></span>
  69             <span class="single-tage">vDNS-CDS <a href="#"> <i class="fa fa-times-circle"></i></a></span>
  70         </div>
  71     </div>
  72 </div>
  73 <div id="container">
  74     <div id="target">
  75         <div class="card creat-card">
  76             <div class="single-line">
  77                 <h5 class="label-name">
  78                     Custom key
  79                 </h5>
  80
  81             </div>
  82             <div class="single-custom-key">
  83             <div class="single-line-custom-key">
  84                 <label class="label-name"><span>1-</span> Name</label>
  85                 <div class="label-input">
  86                     <input 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 name="value" type="input"
  93                            placeholder="Enter value">
  94                 </div>
  95             </div>
  96             <div class="single-line-custom-key-delete"><button class="custom-key-delete"><i aria-hidden="true" class="icon-delete"></i></button></div>
  97            </div>
  98            <div class="single-custom-key">
  99             <div class="single-line-custom-key">
 100                 <label class="label-name"><span>2-</span> Name</label>
 101                 <div class="label-input">
 102                     <input name="key" type="input" placeholder="Enter name">
 103                 </div>
 104             </div>
 105             <div class="single-line-custom-key">
 106                 <label class="label-name">Value</label>
 107                 <div class="label-input">
 108                     <input name="value" type="input"
 109                            placeholder="Enter value">
 110                 </div>
 111             </div>
 112             <div class="single-line-custom-key-delete"><button class="custom-key-delete"><i aria-hidden="true" class="icon-delete"></i></button></div>
 113            </div>
 114
 115            <div class="single-custom-key">
 116             <div class="single-line-custom-key">
 117                 <label class="label-name"><span>3-</span> Name</label>
 118                 <div class="label-input">
 119                     <input name="key" type="input" placeholder="Enter name">
 120                 </div>
 121             </div>
 122             <div class="single-line-custom-key">
 123                 <label class="label-name">Value</label>
 124                 <div class="label-input">
 125                     <input name="value" type="input"
 126                            placeholder="Enter value">
 127                 </div>
 128             </div>
 129            </div>
 130
 131         </div>
 132     </div>
 133 </div>