diff options
Diffstat (limited to 'clover/controller/control/templates')
9 files changed, 272 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> diff --git a/clover/controller/control/templates/header.html b/clover/controller/control/templates/header.html new file mode 100644 index 0000000..fbe93cd --- /dev/null +++ b/clover/controller/control/templates/header.html @@ -0,0 +1,21 @@ +<div class="title-bar" data-responsive-toggle="clovernav" data-hide-for="medium"> + <button class="menu-icon" type="button" data-toggle="clovernav"></button> + <div class="title-bar-title">Menu</div> +</div> + +<div class="top-bar" id="clovernav"> + <div class="top-bar-left"> + <ul class="menu dropdown vertical medium-horizontal" data-responsive-menu="drilldown medium-dropdown" role="tablist" aria-multiselectable="true" > + <li class="menu-text" role="menuitem">Clover Dashboards</li> + <li role="menuitem"><a href="visibility">Visibility</a></li> + <li role="menuitem"><a href="">Validation</a></li> + <li role="menuitem"><a href="">Provisioning</a></li> + </ul> + </div> + + <div class="top-bar-right"> + <ul class="menu"> + <li><a href="" class="button">Login</a></li> + </ul> + </div> +</div> diff --git a/clover/controller/control/templates/http_details.html b/clover/controller/control/templates/http_details.html new file mode 100644 index 0000000..79145b4 --- /dev/null +++ b/clover/controller/control/templates/http_details.html @@ -0,0 +1,30 @@ +<h4>HTTP Details</h4> +<ul class="tabs" data-tabs id="example-tabs"> + <li class="tabs-title is-active"><a href="#panel1" aria-selected="true">User-Agents</a></li> + <li class="tabs-title"><a href="#panel2">Request URLs</a></li> + <li class="tabs-title"><a href="#panel3">Status Codes</a></li> +</ul> +<div class="tabs-content" data-tabs-content="example-tabs"> + <div class="tabs-panel is-active" id="panel1"> + <div class="user_agents"> + {% for ua in user_agents %} + {{ ua }}<br> + {% endfor %} + </div> + </div> + <div class="tabs-panel" id="panel2"> + <div class="request_urls"> + {% for url in request_urls %} + {{ url }}<br> + {% endfor %} + </div> + </div> + <div class="tabs-panel" id="panel3"> + <div class="status_codes"> + {% for code in status_codes %} + {{ code }}<br> + {% endfor %} + </div> + </div> +</div> + diff --git a/clover/controller/control/templates/metric_requests.html b/clover/controller/control/templates/metric_requests.html new file mode 100644 index 0000000..90c3f73 --- /dev/null +++ b/clover/controller/control/templates/metric_requests.html @@ -0,0 +1,10 @@ +{% for m_name, m_count in metric_list.iteritems() %} + <div class="large-3 cell"> </div> + <div class="large-5 medium-3 cell"> + {{ m_name }} + </div> + <div class="large-3 medium-3 cell"> + {{ m_count }} + </div> + <div class="large-1 cell"> </div> +{% endfor %} diff --git a/clover/controller/control/templates/request_counts.html b/clover/controller/control/templates/request_counts.html new file mode 100644 index 0000000..ecf458a --- /dev/null +++ b/clover/controller/control/templates/request_counts.html @@ -0,0 +1,21 @@ +<div class="large-4 medium-3 cell clover-portlet small-offset-2"> + <h5>Per Service Counts</h5> + <div class="span_node_id_all"> + </div> +</div> +<div class="large-4 medium-3 cell clover-portlet"> + <h5>Per URL Counts (all services)</h5> + <div class="span_urls_all"> + </div> +</div> + +<div class="large-4 medium-3 cell clover-portlet small-offset-2"> + <h5>Per URL / HTTP Status Codes (all services)</h5> + <div class="status_codes_all"> + </div> +</div> +<div class="large-4 medium-3 cell clover-portlet"> + <h5>User-Agent Percentage</h5> + <div class="span_user_agents_all" id="span_user_agents_all"> + </div> +</div> 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"> </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"> </div> + +<div class="large-2 column"> </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"> </div> diff --git a/clover/controller/control/templates/tracing_names.html b/clover/controller/control/templates/tracing_names.html new file mode 100644 index 0000000..b85e9cb --- /dev/null +++ b/clover/controller/control/templates/tracing_names.html @@ -0,0 +1,33 @@ +<h4>Tracing Name Parameters</h4> +<ul class="accordion" data-accordion data-multi-expand="true"> + <li class="accordion-item is-active" data-accordion-item> + <a class="accordion-title">Operation Names</a> + <div class="accordion-content" data-tab-content> + <div class="op_names"> + {% for op in op_names %} + {{ op }}<br> + {% endfor %} + </div> + </div> + </li> + <li class="accordion-item" data-accordion-item> + <a class="accordion-title">Node IDs</a> + <div class="accordion-content" data-tab-content> + <div class="node_ids"> + {% for node in node_ids %} + {{ node }}<br> + {% endfor %} + </div> + </div> + </li> + <li class="accordion-item" data-accordion-item> + <a class="accordion-title">Upstream Cluster</a> + <div class="accordion-content" data-tab-content> + <div class="upstream_clusters"> + {% for up in upstream_cluster %} + {{ up }}<br> + {% endfor %} + </div> + </div> + </li> +</ul> diff --git a/clover/controller/control/templates/visibility.html b/clover/controller/control/templates/visibility.html new file mode 100644 index 0000000..060ef5c --- /dev/null +++ b/clover/controller/control/templates/visibility.html @@ -0,0 +1,66 @@ +{% extends 'base.html' %} + +{% block head %} +<script type=text/javascript src="{{ +url_for('static', filename='js/visibility.js') }}"> +</script> +<script type=text/javascript src="{{ +url_for('static', filename='js/graphing/candela.min.js') }}"> +</script> +<script type=text/javascript src="{{ +url_for('static', filename='js/graphing/plotly-latest.min.js') }}"> +</script> + +{% endblock %} + +{% block title %}Visibility Dashboard{% endblock %} + +{% block content %} + + <div style="text-align:center;"> + + {% include "visibility_controls.html" %} + + <br> + + <div class="grid-x"> + {% include "rt_system_counts.html" %} + {% include "request_counts.html" %} + + <div class="large-4 medium-3 cell clover-portlet small-offset-2"> + <h5>Per Service/URL Counts</h5> + <div class="span_node_urls_all"> + </div> + </div> + </div> + + <br> + + <div class="grid-x grid-padding-x"> + <div class="large-8 medium-3 cell small-offset-2"> + {% include "http_details.html" %} + <br> + {% include "tracing_names.html" %} + </div> + </div> + + <br> + + <div class="grid-x"> + <div class="large-8 medium-3 cell clover-portlet small-offset-2"> + <div class="clover-title"><h4>Monitoring Metrics</h4></div> + </div> + </div> + + <div class="grid-x service_metrics"> + {% include "metric_requests.html" %} + </div> + + <br> + + <div class="grid-x grid-padding-x" id="metrics_graphs"> + </div> + + </div> + +{% endblock %} diff --git a/clover/controller/control/templates/visibility_controls.html b/clover/controller/control/templates/visibility_controls.html new file mode 100644 index 0000000..c69fb1e --- /dev/null +++ b/clover/controller/control/templates/visibility_controls.html @@ -0,0 +1,37 @@ +<div class="grid-x"> + <div class="large-8 medium-3 cell clover-portlet small-offset-2"> + + <div class="clover-title"><h4>Visibility Controls</h4></div> + <div class="switch large"> + <input class="switch-input" id="visibilitySwitch" type="checkbox" name="visibilitySwitch" checked> + <label class="switch-paddle" for="visibilitySwitch" style="margin-right: 10px;"> + <span class="show-for-sr">Control Visibility</span> + <span class="switch-active" aria-hidden="true">On</span> + <span class="switch-inactive" aria-hidden="true">Off</span> + </label> + <button type="button" id="clear_visibility" class="button" style="margin-top: -16px;">Clear</button> + </div> + + <h5>Discovered Services</h5> + <div class=""> + <ol id="visibility_selected"> + {% for service in tracing_services %} + <li class="ui-widget-content">{{ service }}</li> + {% endfor %} + </ol> + </div> + + <div style="clear:left;"></div> + <div id="visibility_accordion"> + <h5>Visibility Services</h5> + <div class="vservices"> + <ol id="vservices"> + {% for service in vservices %} + <li class="ui-widget-content">{{ service }}</li> + {% endfor %} + </ol> + </div> + </div> + + </div> +</div> |