summaryrefslogtreecommitdiffstats
path: root/clover/controller/control/templates/base.html
diff options
context:
space:
mode:
authorearrage <eddie.arrage@huawei.com>2018-10-27 12:55:48 -0700
committerearrage <eddie.arrage@huawei.com>2018-10-31 10:04:16 -0700
commit9a6490fe5414569551aaa0b3764bc1c1f81fb151 (patch)
tree2858bc85b3805e6a7391964b203c85cd80e579e4 /clover/controller/control/templates/base.html
parent257e0d846ade5b1051c3734ad6a2d5bea4ce4ca7 (diff)
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>
Diffstat (limited to 'clover/controller/control/templates/base.html')
-rw-r--r--clover/controller/control/templates/base.html31
1 files changed, 31 insertions, 0 deletions
diff --git a/clover/controller/control/templates/base.html b/clover/controller/control/templates/base.html
new file mode 100644
index 0000000..8e3c36d
--- /dev/null
+++ b/clover/controller/control/templates/base.html
@@ -0,0 +1,31 @@
+<!doctype html>
+
+<html>
+ <head>
+ <title>{% block title %}{% endblock %}</title>
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/foundation.css') }}">
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}">
+ <link rel="stylesheet" href="{{ url_for('static', filename='css/jquery-ui.css') }}">
+ <script type=text/javascript src="{{
+ url_for('static', filename='js/foundation/jquery.js') }}">
+ </script>
+ <script type=text/javascript src="{{
+ url_for('static', filename='js/jquery-ui.min.js') }}">
+ </script>
+ <script type=text/javascript src="{{
+ url_for('static', filename='js/foundation/foundation.min.js') }}">
+ </script>
+ {% block head %}
+ {% endblock %}
+
+ </head>
+ <body>
+ {% include "header.html" %}
+
+ <div style="text-align:center;">
+ <h4>{{ view_title }}</h4>
+ </div>
+ {% block content %}{% endblock %}
+
+ </body>
+</html>