From 9a6490fe5414569551aaa0b3764bc1c1f81fb151 Mon Sep 17 00:00:00 2001
From: earrage <eddie.arrage@huawei.com>
Date: Sat, 27 Oct 2018 12:55:48 -0700
Subject: Initial UI dashboard added for visibility

- Add foundation, jquery and jquery-ui open source js/css
packages for skin, layout and AJAX
- Add plotly and candela js open source graphing packages
- Build core visibility view and provide toplevel templates,
headers, menu navigation, etc.
- Update collector/visibility APIs to align to latest Spark
analytics and UI requirements
- Refresh page elements at 5 second interval.
- Visibility controls to stop continual page refresh and clear
visibility.
- Multi-select and update service set to analyze.
- System count updates for tracing, spans, metrics schemas.
- Min/max/avg response times per service (aggregate) table.
- Graphs for: per service request counts, user-agent percentages,
per service/URL counts, per URL/status code counts, per URL counts
- Tabs for distinct URLs, status codes, user-agents, upstream cluster,
operation names, nodeids (service names)
- Table for metrics counters specified in visibility configuration.
- Metrics over time scatter plots for tracked metrics.

Change-Id: Ie3ea12fd32e0274ac52f78becc4a56c4c4134660
Signed-off-by: earrage <eddie.arrage@huawei.com>
---
 .../control/templates/rt_system_counts.html        | 23 ++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 clover/controller/control/templates/rt_system_counts.html

(limited to 'clover/controller/control/templates/rt_system_counts.html')

diff --git a/clover/controller/control/templates/rt_system_counts.html b/clover/controller/control/templates/rt_system_counts.html
new file mode 100644
index 0000000..891e79f
--- /dev/null
+++ b/clover/controller/control/templates/rt_system_counts.html
@@ -0,0 +1,23 @@
+<div class="large-2 column">&nbsp;</div>
+<div class="large-8 medium-3 cell clover-portlet">
+    <div class="clover-title"><h4>Tracing Metrics</h4></div>
+</div>
+<div class="large-2 column">&nbsp;</div>
+
+<div class="large-2 column">&nbsp;</div>
+
+<div class="large-4 medium-3 cell clover-portlet">
+    <h5>Visibility System Counts</h5>
+    <div class="system_counts">
+    </div>
+</div>
+
+<div class="large-4 medium-3 cell clover-portlet">
+    <h5>Service Response Times</h5>
+    <div class="grid-x small-up-4 vtoplevel tracing_rt">
+        <div class="cell">Service</div><div class="cell">Min(ms)</div>
+        <div class="cell">Avg(ms)</div><div class="cell">Max(ms)</div>
+    </div>
+</div>
+
+<div class="large-2 column">&nbsp;</div>
-- 
cgit 1.2.3-korg