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>