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

   1 <div class="p-1">
   2   <div class="modal-header pb-0 border-0 border-bottom">
   3
   4     <div class="container-fluid">
   5       <div class="row">
   6         <div class="col-md-12">
   7           <label class="dl-h3">{{ topic.name }}</label>
   8         </div>
   9       </div>
  10
  11       <div class="row">
  12         <div class="col-md-12">
  13           <hr>
  14         </div>
  15       </div>
  16     </div>
  17
  18
  19   </div>
  20   <div class="modal-body border-0">
  21     <div class="container-fluid">
  22       <div class="form-group">
  23         <div class="row">
  24           <div class="col-md-4"><label class="dl-emphasis1">Status</label></div>
  25
  26           <div class="col-md-8">
  27             <label class="dl-switch">
  28               <input #t_enable id="switch" type="checkbox" [(ngModel)]="tempEnabled" />
  29               <span class="dl-slider round"></span>
  30             </label>
  31           </div>
  32         </div>
  33       </div>
  34
  35       <div class="form-group">
  36         <div class="row">
  37           <div class="col-md-4">
  38             <label class="dl-emphasis1" for="inputUserName">Authentication</label>
  39           </div>
  40           <div class="col-md-4">
  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-4">
  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-4">
  54             <label class="dl-emphasis1">Sink</label>
  55           </div>
  56           <div class="col-md-8">
  57             <div class="row d-flex flex-wrap">
  58               <div *ngFor="let db of dbs" class="col-md-6 pb-1">
  59                 <div class="input-group">
  60                   <div class="input-group-prepend">
  61                     <label class="input-group-text dl-input-chk-label">
  62                       <input id="chk_{{ db }}" type="checkbox" [checked]="this.topic.sinkdbs.includes(db)"
  63                         (change)="this.updateSelectedDB($event, db)" />
  64                       <span class="dl-input-checkmark"></span>
  65                     </label>
  66                   </div>
  67                   <label class="form-control dl-input-chk" for="chk_{{ db }}">
  68                     {{ db }}
  69                   </label>
  70                 </div>
  71               </div>
  72             </div>
  73           </div>
  74         </div>
  75       </div>
  76
  77       <div class="form-group">
  78         <div class="row">
  79           <div class="col-md-4">
  80             <label class="dl-emphasis1">Data format</label>
  81           </div>
  82           <div class="col-md-4">
  83             <select #t_dataFormat class="custom-select dl-input-text" id="selDataFormat">
  84               <option *ngFor="let item of dataFormats" [selected]="item == topic.dataFormat">
  85                 {{ item }}</option>
  86             </select>
  87           </div>
  88         </div>
  89       </div>
  90
  91       <div class="form-group">
  92         <div class="row">
  93           <div class="col-md-4">
  94             <label class="dl-emphasis1">TTL (days)</label>
  95           </div>
  96           <div class="col-md-4">
  97             <input #t_ttl [value]="topic.ttl" class="form-control dl-input-text" id="inputTtl" type="text"
  98               placeholder="3650" />
  99           </div>
 100         </div>
 101       </div>
 102
 103       <div class="form-group">
 104         <div class="row">
 105           <div class="col-md-4">
 106             <label class="dl-emphasis1">Raw data</label>
 107           </div>
 108           <div class="col-md-4">
 109             <div class="input-group">
 110               <div class="input-group-prepend">
 111                 <label class="input-group-text dl-input-chk-label">
 112                   <input #t_saveRaw id="chkSaveRaw" [(ngModel)]="tempSaveRaw" type="checkbox" />
 113                   <span class="dl-input-checkmark"></span>
 114                 </label>
 115               </div>
 116               <label class="form-control dl-input-chk" for="chkSaveRaw">
 117                 Save
 118               </label>
 119             </div>
 120           </div>
 121         </div>
 122       </div>
 123
 124       <div class="form-group">
 125         <div class="row">
 126           <div class="col-md-4">
 127             <label class="dl-emphasis1">Correlate cleard message</label>
 128           </div>
 129           <div class="col-md-4">
 130             <div class="input-group">
 131               <div class="input-group-prepend">
 132                 <label class="input-group-text dl-input-chk-label">
 133                   <input #t_msg id="chkMsg" [(ngModel)]="tempMsg" type="checkbox" />
 134                   <span class="dl-input-checkmark"></span>
 135                 </label>
 136               </div>
 137               <label class="form-control dl-input-chk" for="chkMsg">
 138                 Correlate
 139               </label>
 140             </div>
 141           </div>
 142         </div>
 143       </div>
 144
 145       <div class="form-group">
 146         <div class="row">
 147           <div class="col-md-4">
 148             <label class="dl-emphasis1">ID extraction</label>
 149           </div>
 150           <div class="col-md-8">
 151             <div class="d-flex row align-items-center" *ngFor="let field of idExFields; let i = index">
 152               <div class="col-md-6 order-1">
 153                 <input [(ngModel)]="field.item" class="form-control dl-input-text" placeholder="/event-header/id"
 154                   type="text" [value]="field.item" />
 155               </div>
 156               <div class="order-2">
 157                 <button type="button" class="btn dl-icon-enable p-2" (click)="addIdField(i)">
 158                   <i class="fa fa-plus fa-xs" aria-hidden="true"></i>
 159                 </button>
 160               </div>
 161               <div class="order-3">
 162                 <button type="button" class="btn dl-icon-enable p-2" (click)="deleteIdField(i)">
 163                   <i class="fa fa-trash fa-xs" aria-hidden="true"></i>
 164                 </button>
 165               </div>
 166             </div>
 167           </div>
 168         </div>
 169       </div>
 170
 171     </div>
 172   </div>
 173
 174   <div class="modal-footer border-0 pt-0 pb-2">
 175     <div class="container-fluid">
 176       <div class="row">
 177         <div class="col-md-6 p-0"></div>
 178         <div class="col-md-3 p-1">
 179           <span>
 180             <button type="button" class="btn dl-btn-dark btn-block" (click)="passBack()">
 181               Save
 182             </button>
 183           </span>
 184         </div>
 185         <div class="col-md-3 p-1">
 186           <span>
 187             <button type="button" class="btn dl-btn-light btn-block" (click)="activeModal.close('Close click')">
 188               Cancel
 189             </button>
 190           </span>
 191         </div>
 192       </div>
 193     </div>
 194   </div>
 195
 196 </div>