gerrit.onap Code Review - dcaegen2/services.git/blob

   1 <div class="p-1">
   2   <div class="modal-header pb-0 border-0">
   3     <div class="container-fluid">
   4       <div class="row">
   5         <div class="col-md-12">
   6           <label class="dl-h3">{{ title }}</label>
   7         </div>
   8       </div>
   9
  10       <div class="row">
  11         <div class="col-md-12">
  12           <hr>
  13         </div>
  14       </div>
  15     </div>
  16   </div>
  17
  18   <div class="modal-body border-0">
  19     <div class="container-fluid">
  20       <div class="form-group">
  21         <div class="row">
  22           <div class="col-md-4"><label class="dl-emphasis1">Status</label></div>
  23
  24           <div class="col-md-8">
  25             <label class="dl-switch">
  26               <input id="switch" type="checkbox" [(ngModel)]="tempEnabled" />
  27               <span class="dl-slider round"></span>
  28             </label>
  29           </div>
  30         </div>
  31       </div>
  32
  33       <div class="form-group">
  34         <div class="row">
  35           <div class="col-md-12">
  36             <label class="dl-emphasis1" for="inputUserName">Authentication</label>
  37           </div>
  38         </div>
  39         <div class="row">
  40           <div class="col-md-6">
  41             <input #t_login [value]="topic.login" class="form-control dl-input-text" id="inputUserName" type="text"
  42               placeholder="Username" />
  43           </div>
  44           <div class="col-md-6">
  45             <input #t_password [value]="topic.password" class="form-control dl-input-text" id="inputPass" type="text"
  46               placeholder="Password" />
  47           </div>
  48         </div>
  49       </div>
  50
  51       <div class="form-group">
  52         <div class="row">
  53           <div class="col-md-6">
  54             <label class="dl-emphasis1">Data format</label>
  55           </div>
  56           <div class="col-md-6">
  57             <label class="dl-emphasis1">TTL (days)</label>
  58           </div>
  59         </div>
  60         <div class="row">
  61           <div class="col-md-6">
  62             <select #t_dataFormat class="custom-select dl-input-text" id="selDataFormat">
  63               <option *ngFor="let item of dataFormats" [selected]="item == topic.dataFormat">
  64                 {{ item }}</option>
  65             </select>
  66           </div>
  67           <div class="col-md-6">
  68             <input #t_ttl [value]="topic.ttl" class="form-control dl-input-text" id="inputTtl" type="text"
  69               placeholder="3650" />
  70           </div>
  71         </div>
  72       </div>
  73
  74       <div class="form-group">
  75         <div class="row">
  76           <div class="col-md-12"><label class="dl-emphasis1">Sink</label></div>
  77         </div>
  78         <div class="row d-flex flex-wrap">
  79           <div *ngFor="let db of dbs" class="col-md-6 pb-1">
  80             <div class="input-group">
  81               <div class="input-group-prepend">
  82                 <label class="input-group-text dl-input-chk-label">
  83                   <input id="chk_{{ db }}" type="checkbox" [checked]="this.topic.sinkdbs.includes(db)"
  84                     (click)="this.updateSelectedDB($event, db)" />
  85                   <span class="dl-input-checkmark"></span>
  86                 </label>
  87               </div>
  88               <label class="form-control dl-input-chk" for="chk_{{ db }}">
  89                 {{ db }}
  90               </label>
  91             </div>
  92           </div>
  93         </div>
  94       </div>
  95
  96       <div class="form-group">
  97         <div class="row">
  98           <div class="col-md-12">
  99             <label class="dl-emphasis1">Raw data</label>
 100           </div>
 101         </div>
 102         <div class="row">
 103           <div class="col-md-6">
 104             <div class="input-group">
 105               <div class="input-group-prepend">
 106                 <label class="input-group-text dl-input-chk-label">
 107                   <input id="chkSaveRaw" [(ngModel)]="tempSaveRaw" type="checkbox" />
 108                   <span class="dl-input-checkmark"></span>
 109                 </label>
 110               </div>
 111               <label class="form-control dl-input-chk" for="chkSaveRaw">
 112                 Save
 113               </label>
 114             </div>
 115           </div>
 116         </div>
 117       </div>
 118     </div>
 119   </div>
 120   <div class="modal-footer border-0 pt-0 pb-2">
 121     <div class="container-fluid">
 122       <div class="row">
 123         <div class="col-md-6 p-0">
 124
 125         </div>
 126         <div class="col-md-3 p-1">
 127           <span>
 128             <button type="button" class="btn dl-btn-dark btn-block" (click)="this.passBack()">
 129               Save
 130             </button>
 131           </span>
 132         </div>
 133         <div class="col-md-3 p-1">
 134           <span>
 135             <button type="button" class="btn dl-btn-light btn-block" (click)="activeModal.close('Close click')">
 136               Cancel
 137             </button>
 138           </span>
 139         </div>
 140       </div>
 141     </div>
 142   </div>
 143
 144 </div>