mirror of https://github.com/Aidaho12/haproxy-wi
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
3.5 KiB
121 lines
3.5 KiB
{% extends "base.html" %}
|
|
{% from 'include/input_macros.html' import checkbox %}
|
|
{% block content %}
|
|
<style>
|
|
table, th, tr, td {
|
|
border: 1px solid #ddd;
|
|
align: center;
|
|
text-align: center;
|
|
}
|
|
th, tr, td {
|
|
width: 6%;
|
|
min-width: 3%;
|
|
padding: 10px;
|
|
}
|
|
</style>
|
|
<link href="/inc/chart.min.css" rel="stylesheet">
|
|
<script src="/inc/metrics.js"></script>
|
|
<script src="/inc/chart.min.js"></script>
|
|
{% if services == '0' %}
|
|
<div style="text-align: center;">
|
|
<br />
|
|
<h3>You have not installed Metrics service.
|
|
Read <a href="https://roxy-wi.org/services.py?service=metrics#installation" title="Metrics installation" style="color: #5d9ceb;" target="_blank">hear</a>
|
|
how to install Metrics service</h3>
|
|
</div>
|
|
{% else %}
|
|
{% if servers|length == 0 %}
|
|
{% include 'include/getstarted.html' %}
|
|
{% else %}
|
|
{% if service != 'nginx' %}
|
|
<table style="min-width: 40%;">
|
|
<tr class="overviewHead">
|
|
<th colspan=13 style="background-color: #d1ecf1">
|
|
<span id="table_metrics_head" style="position: absolute;margin-left: 43%;">Metrics</span>
|
|
<span id="en_table_metric" class="plus switcher_table_metric" title="Enable display of the table of averages"></span>
|
|
<span id="dis_table_metric" class="minus switcher_table_metric" title="Disable display of the table of averages"></span>
|
|
</th>
|
|
</tr>
|
|
</table>
|
|
<div id="table_metrics"></div>
|
|
{% endif %}
|
|
<div style="padding-left: 25px;float: left;margin-top: 6px;">
|
|
<b>Time range:</b>
|
|
<select title="Choose time range" id="time-range">
|
|
<option value="30">30 minutes</option>
|
|
<option value="60">1 hour</option>
|
|
<option value="180">3 hours</option>
|
|
<option value="360">6 hours</option>
|
|
<option value="720">12 hours</option>
|
|
</select>
|
|
</div>
|
|
{% if service != 'nginx' %}
|
|
<div style="margin-top: 6px;">
|
|
{{ checkbox('hide_http_metrics', desc='Hide HTTP metrics', title='Hide HTTP metrics') }}
|
|
</div>
|
|
{% endif %}
|
|
<div id="refresh" style="text-align: right;margin-top: 20px;margin-right: 10px;" title="Refresh metrics" onclick="showMetrics()">
|
|
<span class="service-reload"></span>
|
|
</div>
|
|
{% for s in servers %}
|
|
{% if service != 'nginx' %}
|
|
<div class="chart-container">
|
|
<canvas id="{{s.ip}}" role="img"></canvas>
|
|
</div>
|
|
<div class="chart-container http_metrics_div" style="display: none">
|
|
<canvas id="http_{{s.ip}}" role="img"></canvas>
|
|
</div>
|
|
{% else %}
|
|
<div class="chart-container">
|
|
<canvas id="nginx_{{s.ip}}" role="img"></canvas>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<script>
|
|
function showMetrics() {
|
|
let metrics = new Promise(
|
|
(resolve, reject) => {
|
|
removeData();
|
|
{% for s in servers %}
|
|
{% if service != 'nginx' %}
|
|
getChartData('{{s.ip}}')
|
|
getHttpChartData('{{s.ip}}')
|
|
{% else %}
|
|
getNginxChartData('{{s.ip}}')
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% if service != 'nginx' %}
|
|
if (localStorage.getItem('table_metrics') == 0 || localStorage.getItem('table_metrics') === null) {
|
|
$('#dis_table_metric').css('display', 'none');
|
|
} else {
|
|
$('#en_table_metric').css('display', 'none');
|
|
loadMetrics();
|
|
}
|
|
{% endif %}
|
|
});
|
|
metrics.then();
|
|
}
|
|
showMetrics()
|
|
$( function() {
|
|
$("#time-range").on('selectmenuchange', function () {
|
|
removeData()
|
|
let metrics = new Promise(
|
|
(resolve, reject) => {
|
|
{% for s in servers %}
|
|
{% if service != 'nginx' %}
|
|
getChartData('{{s.ip}}')
|
|
getHttpChartData('{{s.ip}}')
|
|
{% else %}
|
|
getNginxChartData('{{s.ip}}')
|
|
{% endif %}
|
|
{% endfor %}
|
|
});
|
|
metrics.then();
|
|
});
|
|
});
|
|
|
|
</script>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endblock %}
|