blob: 1fbcd70f1516457f2aa38e26cadb813e07ff7e88 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
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>
|