diff options
Diffstat (limited to 'webapp/src/app/pages/supervision/supervision-config.component.html')
-rw-r--r-- | webapp/src/app/pages/supervision/supervision-config.component.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/webapp/src/app/pages/supervision/supervision-config.component.html b/webapp/src/app/pages/supervision/supervision-config.component.html new file mode 100644 index 0000000..1fbcd70 --- /dev/null +++ b/webapp/src/app/pages/supervision/supervision-config.component.html @@ -0,0 +1,45 @@ +<div class="row"> + <h3 style="margin-top: auto; margin-bottom: auto">Configuration</h3> + + <div class="row"> + <div class="col-md-12"> + <nb-card-body> + <div class="col-md-9"> + <nb-actions size="small"> + <nb-action> + <button id="refresh-topo" (click)="getAGLTopo()"> + <i class="fa fa-refresh"></i> + </button> + </nb-action> + </nb-actions> + </div> + </nb-card-body> + </div> + </div> +</div> +<div class="row"> + <div class="col-md-10"> + <svg id="graph" width="100%" height="500"> + </svg> + </div> + <div class="col-md-2"> + <div> + <label>Daemons to monitor</label> + </div> + <nb-checkbox *ngFor="let wsCkx of daemonCheckboxes" [disabled]="wsCkx.disabled" [(ngModel)]="wsCkx.value">{{wsCkx.name}} + </nb-checkbox> + <div style="margin-top: 20px;"> + <div> + <label>Monitoring actions:</label> + </div> + <button id="start-trace" class="btn btn-primary" (click)="onStartTrace()" [disabled]=" + isStartBtnDisable()">{{ starting ?"Starting... ":"Start" }} + <span *ngIf="starting" class="fa fa-gear faa-spin animated fa-size-x2"></span> + </button> + <button id="stop-trace" class="btn btn-primary" (click)="onStopTrace()" [disabled]=" + isStopBtnDisable()">{{ stopping ?"Stopping... ":"Stop" }} + <span *ngIf="stopping" class="fa fa-gear faa-spin animated fa-size-x2"></span> + </button> + </div> + </div> +</div> |