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>

1 files changed, 22 insertions, 0 deletions

diff --git a/clover/controller/control/static/css/app.css b/clover/controller/control/static/css/app.css
new file mode 100644
index 0000000..10ccc2a
--- /dev/null
+++ b/clover/controller/control/static/css/app.css
@@ -0,0 +1,22 @@
+.vtoplevel {
+    font-size: 22px;
+}
+
+.bbb {
+    color: #1779ba;
+}
+
+.clover-title {
+    background-color: #f6f6f6;
+}
+
+.clover-portlet {
+    border: 1px solid #e6e6e6;
+}
+
+
+#feedback { font-size: 1.4em; }
+#visibility_selected .ui-selecting { background: #14679e; }
+#visibility_selected .ui-selected { background: #1779ba; color: white; }
+#visibility_selected { list-style-type: none; margin: 0; padding: 0; width: 100%; }
+#visibility_selected li { margin: 3px; float: left; padding: 4px;}