Added Supervision/Monitoring support

[src/xds/xds-agent.git] / webapp / src / app / pages / supervision / supervision.component.html

diff --git a/webapp/src/app/pages/supervision/supervision.component.html b/webapp/src/app/pages/supervision/supervision.component.html
new file mode 100644 (file)
index 0000000..0db8ec8
--- /dev/null
+++ b/webapp/src/app/pages/supervision/supervision.component.html
@@ -0,0 +1,69 @@
+<!-- FIXME - cleanup
+<div class="row" *ngIf="displayMode==='panels'">
+  <div class="col-12">
+    <nb-card-body>
+      <div class="col-9">
+        <nb-actions size="small" *ngIf="displayMode==='panels'">
+          <nb-action>
+            <button (click)="timeChange(-1)">
+              <i class="nb-skip-backward"></i>
+            </button>
+          </nb-action>
+          <nb-action>
+            <button (click)="zoomOut()">
+              <i class="nb-search"></i>
+            </button>
+          </nb-action>
+          <nb-action>
+            <button (click)="timeChange(1)">
+              <i class="nb-skip-forward"></i>
+            </button>
+          </nb-action>
+          <nb-action>
+            <button disabled>
+              <pre>
+                start={{tm_from}}  end={{tm_to}}
+              </pre>
+            </button>
+          </nb-action>
+        </nb-actions>
+      </div>
+      <div class="col-3 right">
+        <nb-actions size="small">
+          <nb-action>
+            <button (click)="displayModeChange()">
+                  <i class="fa fa-eye"></i>
+                </button>
+          </nb-action>
+        </nb-actions>
+      </div>
+    </nb-card-body>
+  </div>
+</div>
+
+-- Display mode: using panels --
+<div *ngIf="displayMode==='panels'">
+  <div class="row">
+    <div class="col-md-6 col-lg-6">
+      <iframe [src]="getPanel('req_evts_per_sec')" width="100%" height="320" frameborder="0"></iframe>
+    </div>
+
+    <div class="col-md-6 col-lg-6">
+      <iframe [src]="getPanel('evt_data_bytes')" width="100%" height="320" frameborder="0"></iframe>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12">
+      <iframe [src]="getPanel('table')" width="100%" height="500px" frameborder="0"></iframe>
+    </div>
+  </div>
+</div>
+-->
+
+<!-- Display mode: using dashboard -->
+<div class="row" *ngIf="displayMode==='dashboard'">
+  <div class="col-md-12">
+    <iframe [src]="getDashboard('xds_supervisor')" width="100%" height="800px" frameborder="0"></iframe>
+  </div>
+</div>