webapp/src/app/pages/supervision/supervision-config.component.html

   1 <div class="row">
   2   <h3 style="margin-top: auto; margin-bottom: auto">Configuration</h3>
   3
   4   <div class="row">
   5     <div class="col-md-12">
   6       <nb-card-body>
   7         <div class="col-md-9">
   8           <nb-actions size="small">
   9             <nb-action>
  10               <button id="refresh-topo" (click)="getAGLTopo()">
  11                 <i class="fa fa-refresh"></i>
  12               </button>
  13             </nb-action>
  14           </nb-actions>
  15         </div>
  16       </nb-card-body>
  17     </div>
  18   </div>
  19 </div>
  20 <div class="row">
  21   <div class="col-md-10">
  22     <svg id="graph" width="100%" height="500">
  23     </svg>
  24   </div>
  25   <div class="col-md-2">
  26     <div>
  27       <label>Daemons to monitor</label>
  28     </div>
  29     <nb-checkbox *ngFor="let wsCkx of daemonCheckboxes" [disabled]="wsCkx.disabled" [(ngModel)]="wsCkx.value">{{wsCkx.name}}
  30     </nb-checkbox>
  31     <div style="margin-top: 20px;">
  32       <div>
  33         <label>Monitoring actions:</label>
  34       </div>
  35       <button id="start-trace" class="btn btn-primary" (click)="onStartTrace()" [disabled]="
  36         isStartBtnDisable()">{{ starting ?"Starting... ":"Start" }}
  37         <span *ngIf="starting" class="fa fa-gear faa-spin animated fa-size-x2"></span>
  38       </button>
  39       <button id="stop-trace" class="btn btn-primary" (click)="onStopTrace()" [disabled]="
  40       isStopBtnDisable()">{{ stopping ?"Stopping... ":"Stop" }}
  41       <span *ngIf="stopping" class="fa fa-gear faa-spin animated fa-size-x2"></span>
  42     </button>
  43     </div>
  44   </div>
  45 </div>