|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>{{title}} - HAproxy-WI</title>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
|
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
|
|
|
<meta http-equiv="Expires" content="0" />
|
|
|
|
|
<link href="/inc/images/favicon.ico" rel="icon" type="image/png" />
|
|
|
|
|
<script>
|
|
|
|
|
FontAwesomeConfig = { searchPseudoElements: true, observeMutations: false };
|
|
|
|
|
</script>
|
|
|
|
|
<script defer src="/inc/fa-solid.min.js"></script>
|
|
|
|
|
<script defer src="/inc/fontawesome.min.js"></script>
|
|
|
|
|
<link href="/inc/awesome.css" rel="stylesheet">
|
|
|
|
|
<link href="/inc/vertical_scrol/custom_scrollbar.css" rel="stylesheet">
|
|
|
|
|
<link href="/inc/style.css" rel="stylesheet">
|
|
|
|
|
<link href="/inc/nprogress.css" rel="stylesheet">
|
|
|
|
|
<link rel="stylesheet" href="/inc/jquery-ui.css">
|
|
|
|
|
<script src="/inc/jquery-1.12.4.js"></script>
|
|
|
|
|
<script src="/inc/jquery-ui.js"></script>
|
|
|
|
|
<script src="/inc/js-cookie.js"></script>
|
|
|
|
|
<script src="/inc/script.js"></script>
|
|
|
|
|
<script src="/inc/nprogress.js"></script>
|
|
|
|
|
<script src="/inc/vertical_scrol/custom_scrollbar.min.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<input type="hidden" id="token" value="{{ token }}">
|
|
|
|
|
<a name="top"></a>
|
|
|
|
|
<div class="show_menu" style="display: none;">
|
|
|
|
|
<a href="#" id="show_menu" title="Show menu" style="margin-top: 30px;position: absolute;">
|
|
|
|
|
<span class="ui-state-default ui-corner-all">
|
|
|
|
|
<span class="ui-icon ui-icon-arrowthick-1-e" id="arrow"></span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="top-menu">
|
|
|
|
|
<div class="LogoText">
|
|
|
|
|
<span id="logo_text" style="padding: 10px;">HAproxy-WI</span>
|
|
|
|
|
<a href="#" id="hide_menu" title="Hide menu" style="margin-left: 24px;position: absolute;">
|
|
|
|
|
<span class="ui-state-default ui-corner-all">
|
|
|
|
|
<span class="ui-icon ui-icon-arrowthick-1-w" id="arrow"></span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="top-link" class="top-link">
|
|
|
|
|
<nav id="menu">
|
|
|
|
|
<ul class="menu">
|
|
|
|
|
<li class="p_menu"><a title="Statistics, monitoring and logs" class="stats">Stats</a>
|
|
|
|
|
<ul class="v_menu">
|
|
|
|
|
<li><a href=/app/overview.py title="Server and service status" class="overview-link head-submenu">Overview</a></li>
|
|
|
|
|
<li><a href=/app/viewsttats.py title="Show stats" class="stats head-submenu">Stats</a></li>
|
|
|
|
|
<li><a href=/app/logs.py title="View logs" class="logs head-submenu"> Logs</a></li>
|
|
|
|
|
<li><a href=/app/edit.py title="Runtime API" class="runtime head-submenu">Runtime API</a></li>
|
|
|
|
|
<li><a href=/app/metrics.py title="Metrics" class="metrics head-submenu">Metrics</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="p_menu"><a title="Actions with Haproxy configs" class="config-show">Haproxy</a>
|
|
|
|
|
{% if user %}
|
|
|
|
|
<ul class="v_menu">
|
|
|
|
|
<li><a href=/app/config.py title="Working with Haproxy Configs" class="edit head-submenu">Configs</a> </li>
|
|
|
|
|
{% if role <= 2 %}
|
|
|
|
|
<li><a href=/app/add.py#listner title="Add single listen" class="add head-submenu" id="add1">Add listen</a></li>
|
|
|
|
|
<li><a href=/app/add.py#frontend title="Add single frontend" class="add head-submenu" id="add2">Add frontend</a></li>
|
|
|
|
|
<li><a href=/app/add.py#backend title="Add single backend" class="add head-submenu" id="add3">Add backend</a></li>
|
|
|
|
|
<li><a href=/app/add.py#ssl title="Upload SSL cert" class="cert head-submenu" id="add4">SSL</a></li>
|
|
|
|
|
<li><a href=/app/lists.py title="Manage black and white lists" class="lists head-submenu">Lists</a> </li>
|
|
|
|
|
<li><a href=/app/waf.py title="Web application firewall" class="waf head-submenu">WAF</a> </li>
|
|
|
|
|
<li><a href=/app/ihap.py title="Installation HAProxy" class="hap head-submenu">Installation</a> </li>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
{% if role <= 2 %}
|
|
|
|
|
<li class="p_menu">
|
|
|
|
|
<a title="Actions with configs" class="version">Versions</a>
|
|
|
|
|
<ul class="v_menu">
|
|
|
|
|
<li><a href=/app/configver.py title="Upload old versions configs" class="upload head-submenu">Upload</a></li>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if role <= 2 %}
|
|
|
|
|
<li><a href=/app/delver.py title="Delete old versions configs" class="deleteVer head-submenu">Delete</a></li>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
{% if role <= 2 %}
|
|
|
|
|
<li class="p_menu">
|
|
|
|
|
<a title="Keepalived" class="ha">Keepalived</a>
|
|
|
|
|
<ul class="v_menu">
|
|
|
|
|
<li><a href=/app/ha.py title="Create HA cluster" class="keepalived head-submenu">HA</a></li>
|
|
|
|
|
<li><a href=/app/keepalivedconfig.py title="Edit keepalived config" class="edit head-submenu">Edit config</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="p_menu">
|
|
|
|
|
<a title="Servers manage" class="runtime">Servers</a>
|
|
|
|
|
<ul class="v_menu">
|
|
|
|
|
<li><a href=/app/servers.py#users title="Actions with users" class="users head-submenu">Users</a></li>
|
|
|
|
|
<li><a href=/app/servers.py#servers title="Server manage" class="runtime head-submenu">Servers</a></li>
|
|
|
|
|
<li><a href=/app/servers.py#ssh title="Manage SSH credentials" class="admin head-submenu">SSH credentials</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if role <= 1 %}
|
|
|
|
|
<li class="p_menu">
|
|
|
|
|
<a title="Admin area" class="admin">Admin area</a>
|
|
|
|
|
<ul class="v_menu">
|
|
|
|
|
<li><a href=/app/users.py#users title="Actions with users" class="users head-submenu">Users</a></li>
|
|
|
|
|
<li><a href=/app/users.py#groups title="Actions with groups" class="group head-submenu">Groups</a></li>
|
|
|
|
|
<li><a href=/app/users.py#servers title="Actions with servers" class="runtime head-submenu">Servers</a></li>
|
|
|
|
|
<li><a href=/app/users.py#roles title="Users roles" class="role head-submenu">Roles</a></li>
|
|
|
|
|
<li><a href=/app/users.py#ssh title="Manage SSH credentials" class="admin head-submenu">SSH credentials</a></li>
|
|
|
|
|
<li><a href=/app/settings.py title="HAproxy-WI settings" class="settings head-submenu">Settings</a></li>
|
|
|
|
|
<li><a href=/app/viewlogs.py title="View internal logs" class="logs head-submenu">Internal logs</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
<div class="copyright-menu">
|
|
|
|
|
<a href="https://github.com/aidaho12/haproxy-wi/" title="Github repo" target="_blank" style="color: #fff">HAproxy-WI v3.4.5</a>
|
|
|
|
|
<br>
|
|
|
|
|
<a href="https://www.patreon.com/haproxy_wi" title="Donate" target="_blank" style="color: #fff; margin-left: 30px; color: red;" class="patreon"> Patreon</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="cover"></div>
|
|
|
|
|
<div class="container">
|
|
|
|
|
{% if h2 %}
|
|
|
|
|
<h2>
|
|
|
|
|
{{title}}
|
|
|
|
|
{% if user %}
|
|
|
|
|
<a href=/app/login.py?logout=logout title="Logout, user name: {{ user }}" class="login"> Logout</a>
|
|
|
|
|
{% else %}
|
|
|
|
|
<a href=/app/login.py title="Login" class="login"> Login</a>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if autorefresh %}
|
|
|
|
|
<span class="auto-refresh">
|
|
|
|
|
<a onclick="pauseAutoRefresh()" class="auto-refresh-pause" style="display: none; margin-top: 4px;"></a>
|
|
|
|
|
<a onclick="pauseAutoResume()" class="auto-refresh-resume" style="display: none; margin-top: 4px;"></a>
|
|
|
|
|
<a id="0"><img src="/inc/images/update.png" alt="restart" class="icon"> Auto-refresh</a>
|
|
|
|
|
<a id="1" style="display: none;"><img src="/inc/images/update.png" alt="restart" class="icon"> Auto-refresh</a>
|
|
|
|
|
</span>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</h2>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if autorefresh %}
|
|
|
|
|
<div class="auto-refresh-div">
|
|
|
|
|
<div class="auto-refresh-head">
|
|
|
|
|
Refresh Interval
|
|
|
|
|
</div>
|
|
|
|
|
<div class="auto-refresh-interval">
|
|
|
|
|
<div class="auto-refresh-ul">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a class="ui-button ui-widget ui-corner-all" onclick="setRefreshInterval(0)" title="Turn off auto-refresh">Off</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="auto-refresh-ul" id="secIntervals">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 5 seconds" onclick="setRefreshInterval(5000)">5 seconds</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 10 seconds" onclick="setRefreshInterval(10000)">10 seconds</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 30 seconds" onclick="setRefreshInterval(30000)">30 seconds</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh ever 45 seconds" onclick="setRefreshInterval(45000)">45 seconds</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="auto-refresh-ul">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 1 minute" onclick="setRefreshInterval(60000)">1 minute</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 5 minutes" onclick="setRefreshInterval(300000)">5 minutes</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 15 minutes" onclick="setRefreshInterval(900000)">15 minutes</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh ever 30 minutes" onclick="setRefreshInterval(1800000)">30 minutes</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="auto-refresh-ul">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 1 hour" onclick="setRefreshInterval(3600000)">1 hour</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 2 hour" onclick="setRefreshInterval(7200000)">2 hour</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh every 12 hour" onclick="setRefreshInterval(43200000)">12 hour</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a title="Auto-refresh ever 1 day" onclick="setRefreshInterval(86400000)">1 day</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if role %}
|
|
|
|
|
{% if role <= 2 %}
|
|
|
|
|
<div id="apply" style="display: none;">
|
|
|
|
|
<div class="alert alert-warning" id="apply_div"></div>
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
|
<div id="ajax-compare"></div>
|
|
|
|
|
<div id="ajax"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
