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.
207 lines
7.4 KiB
207 lines
7.4 KiB
{% extends "base.html" %}
|
|
{% block content %}
|
|
{% from 'include/input_macros.html' import input, checkbox, select %}
|
|
<script src="/inc/overview.js"></script>
|
|
{% if serv %}
|
|
<style>
|
|
@media (max-width: 1280px) {
|
|
.div-pannel {
|
|
height: 430px !important;
|
|
}
|
|
}
|
|
</style>
|
|
{% endif %}
|
|
<style>
|
|
.alert-danger {
|
|
width: 250px;
|
|
display: inline-block;
|
|
height: 15px;
|
|
padding-top: 0px;
|
|
padding-bottom: 8px;
|
|
margin-bottom: -20px !important;
|
|
}
|
|
</style>
|
|
<script>
|
|
var ip = []
|
|
var hostnamea = []
|
|
{% for s in servers %}
|
|
ip.push("{{s[2]}}")
|
|
var host = "{{s[1]}}"
|
|
host = host.replace(/\./g, '\\.');
|
|
hostnamea.push(host)
|
|
{% endfor %}
|
|
</script>
|
|
<div id="up-pannel">
|
|
{% for s in servers %}
|
|
{% if serv %}
|
|
<link href="/inc/chart.min.css" rel="stylesheet">
|
|
<script src="/inc/metrics.js"></script>
|
|
<script src="/inc/chart.min.js"></script>
|
|
<script>
|
|
function showMetrics() {
|
|
{% if service == 'haproxy' %}
|
|
{% for s in servers %}
|
|
getChartData('{{s.2}}')
|
|
getWafChartData('{{s.2}}')
|
|
{% endfor %}
|
|
{% endif %}
|
|
showOverviewServer('{{s.1}}', '{{s.2}}', '{{s.0}}');
|
|
}
|
|
showMetrics();
|
|
</script>
|
|
{% endif %}
|
|
<div class="div-pannel" id="div-pannel-{{s.0}}">
|
|
<div id="div-server-{{s.0}}" class="div-server-hapwi" {% if service == 'nginx' %}style="height:138px;"{%endif%}>
|
|
<div class="server-name">
|
|
{% if service == 'nginx' %}
|
|
<input type="hidden" id="service" value="nginx" />
|
|
{% if s.5.0.3 == 'active' %}
|
|
<span class="serverUp server-status" title="Uptime: {{s.5.0.4}}"></span>
|
|
{% else %}
|
|
<span class="serverDown server-status" title="Downtime: : {{s.5.0.4}}"></span>
|
|
{% endif %}
|
|
{{s.1}}
|
|
{% else %}
|
|
<input type="hidden" id="service" value="haproxy" />
|
|
{% if s.5 != False %}
|
|
<span class="serverUp server-status" title="{{s.5.0.2}}"></span>
|
|
{% else %}
|
|
<span class="serverDown server-status" title="HAProxy is down"></span>
|
|
{% endif %}
|
|
{% if not serv %}
|
|
<a href="/app/hapservers.py?serv={{s.2}}" title="More about {{s.1}}" style="color: #5d9ceb">{{s.1}}</a>
|
|
{% else %}
|
|
{{s.1}}
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if service == 'haproxy' %}
|
|
{% if s.6|int() >= 1 %}
|
|
<img
|
|
{% if keep_alive|int() >= 1 %}
|
|
src="/inc/images/shield.png" title="Auto start enabled"
|
|
{% else %}
|
|
src="/inc/images/shield-red.png" title="Auto start enabled, but keep alive service does not work"
|
|
{% endif %}
|
|
width=18 style="padding-left: 5px; margin-bottom: -3px;">
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if role <= 1 %}
|
|
<span class="server-action">
|
|
{% if service == 'nginx' %}
|
|
{% set action_service = 'nginx' %}
|
|
{% else %}
|
|
{% set action_service = 'hap' %}
|
|
{% endif %}
|
|
<a id="start-{{ s.2 }}" class="start" title="Start {{service}} service">
|
|
<span class="service-start" onclick="confirmAjaxAction('start', '{{action_service}}', '{{s.2}}')"></span>
|
|
</a>
|
|
<a id="stop-{{ s.2 }}" class="stop" title="Stop {{service}} service">
|
|
<span class="service-stop" onclick="confirmAjaxAction('stop', '{{action_service}}', '{{s.2}}')"></span>
|
|
</a>
|
|
<a id="restart-{{ s.2 }}" class="restart" title="Restart {{service}} service">
|
|
<span class="service-reload" onclick="confirmAjaxAction('restart', '{{action_service}}', '{{s.2}}')"></span>
|
|
</a>
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="server-desc">
|
|
{{s.3}}
|
|
<br />
|
|
{% if service == 'nginx' %}
|
|
Version: {{s.5.0.2}} Process_num: {{s.5.0.5}} {% if s.5.0.3 == 'active' %} Uptime: {% else %} Downtime: {% endif %} {{s.5.0.4}}
|
|
{% else %}
|
|
{% if s.5.0 is defined %}
|
|
{{s.5.0.0}} {{s.5.0.1}} {{s.5.0.2}}
|
|
{% else %}
|
|
Cannot get information about HAProxy
|
|
{% endif %}
|
|
{% endif %}
|
|
<br />
|
|
<span title="Date of last edit config" >
|
|
Last edit:
|
|
<span id="{{s.1}}"></span>
|
|
</span>
|
|
<br />
|
|
IP: {{s.2}}
|
|
{% if s.7.0.0 != None %}
|
|
Master for: {{ s.7.0.1 }}
|
|
{% endif %}
|
|
</div>
|
|
{% if service == 'haproxy' %}
|
|
<div class="server-act-links" id="server-{{s.8.0.0|string()}}">
|
|
{% if role <= 1 %}
|
|
{% set id = 'alert-' + s.8.0.0|string() %}
|
|
{% if s.8.0.8 == 1 %}
|
|
{{ checkbox(id, title='Enable alerting', value='1', desc='Alert', checked='checked') }}
|
|
{% else %}
|
|
{{ checkbox(id, title='Enable alerting', value='1', desc='Alert') }}
|
|
{% endif %}
|
|
{% set id = 'metrics-' + s.8.0.0|string() %}
|
|
{% if s.8.0.9 == 1 %}
|
|
{{ checkbox(id, title='Enable collect metrics', value='1', desc='Metrics', checked='checked') }}
|
|
{% else %}
|
|
{{ checkbox(id, title='Enable collect metrics', value='1', desc='Metrics') }}
|
|
{% endif %}
|
|
{% set id = 'active-' + s.8.0.0|string() %}
|
|
{% if s.8.0.12 == 1 %}
|
|
{{ checkbox(id, title='Enable Compression', value='1', desc='Auto Start', checked='checked') }}
|
|
{% else %}
|
|
{{ checkbox(id, title='Enable Auto Start', value='1', desc='Auto Start') }}
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
<div class="server-act-links">
|
|
{% if service != 'nginx' %}
|
|
<a href="/app/config.py?serv={{s.2}}&showConfig" class="ui-button ui-widget ui-corner-all" title="Open running config">Open</a>
|
|
{% else %}
|
|
<a class="ui-button ui-widget ui-corner-all" title="Edit this run config" href="config.py?service={{service}}&serv={{s.2}}&open=open">Edit</a>
|
|
{% endif %}
|
|
<a href="/app/config.py?service={{service}}&serv={{s.2}}&showCompare" class="ui-button ui-widget ui-corner-all" title="Compare configs">Compare</a>
|
|
{% if service != 'nginx' %}
|
|
<a href="/app/config.py?serv={{s.2}}&showMap" class="ui-button ui-widget ui-corner-all" title="Show map">Map</a>
|
|
{% endif %}
|
|
<a href="/app/viewsttats.py?service={{service}}&serv={{s.2}}" class="ui-button ui-widget ui-corner-all" title="View stat">Stat</a>
|
|
<a href="/app/logs.py?service={{service}}&serv={{s.2}}&rows=10&grep=&hour=00&minut=00&hour1=24&minut1=00" class="ui-button ui-widget ui-corner-all" title="View log">Log</a>
|
|
{% if role <= 2 %}
|
|
<a href="/app/versions.py?service={{service}}&serv={{s.2}}&open=open" class="ui-button ui-widget ui-corner-all">Versions</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% if serv %}
|
|
<div id="ajax-server-{{s.0}}" class="ajax-server"></div>
|
|
{% if service == 'haproxy' %}
|
|
<div class="div-server div-backends">
|
|
<div class="server-name backends">
|
|
Backends:
|
|
</div>
|
|
<div style="margin-top: 10px;" id="top-{{s.1}}"></div>
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% if serv and service == 'haproxy' %}
|
|
<div id="refresh" style="text-align: right;margin-right: 105px;clear: both;display: block;padding-top: 20px;margin-bottom: -25px;" title="Refresh metrics" onclick="showMetrics()">
|
|
<span class="service-reload"></span>
|
|
</div>
|
|
{% for s in servers %}
|
|
<div class="chart-container" style="display: block; width: 90%; height: 300px;">
|
|
<canvas id="{{s.2}}" role="img"></canvas>
|
|
</div>
|
|
<div class="chart-container" style="display: block; width: 90%; height: 300px;">
|
|
<canvas id="s_{{s.2}}" role="img"></canvas>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
<div id="dialog-confirm" style="display: none;">
|
|
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:3px 12px 20px 0;"></span>Are you sure?</p>
|
|
</div>
|
|
<script>
|
|
{% if serv and service == 'haproxy' %}
|
|
overviewHapserverBackends(ip, hostnamea);
|
|
{% endif %}
|
|
showHapservers(ip, hostnamea, '{{service}}');
|
|
</script>
|
|
{% endblock %} |