{% extends "base.html" %}
{% block content %}
<link href="/inc/css/chart.min.css" rel="stylesheet">
<script src="/inc/metrics.js"></script>
<script src="/inc/chart.min.js"></script>
<script src="/inc/overview.js"></script>
<script>
	$("#secIntervals").css("display", "none");
	var ip = []
	var hostnamea = []
	{% for s in servers %}
		ip.push("{{s[2]}}")
		var host = "{{s[2]}}"
		host = host.replace(/\./g, '\\.');
		host = host.replace(/ /g, '');
		hostnamea.push(host)
	{% endfor %}
</script>
<style>
	.fa-sync-alt { margin-bottom: -1px; }
</style>
<table class="overview-wi" id="overview-roxy-wi">
	<tr class="overviewHead">
		<td class="padding10 first-collumn-wi">
			{% if role <= 2 %}
				<a href="servers.py#servers" title="Manage servers">Servers</a>
			{% else %}
				Server
			{% endif %}
		</td>
		<td class="padding10 third-collumn-wi" style="width: 20%;">
			<a href="/app/hapservers.py?service=haproxy" title="HAProxy servers overview" class="logs_link">
				HAProxy
			</a>
		</td>
		<td class="padding10">
			<a href="/app/hapservers.py?service=nginx" title="NGINX servers overview" class="logs_link">
				NGINX
			</a>
		</td>
		<td class="padding10">
			<a href="/app/hapservers.py?service=apache" title="Apache servers overview" class="logs_link">
				Apache
			</a>
		</td>
		<td class="padding10">
			<a href="/app/hapservers.py?service=keepalived" title="Keepalived servers overview" class="logs_link">
				Keepalived
			</a>
		</td>
		<td class="padding10">
			<a href="/app/waf.py?service=haproxy" title="HAProxy WAF servers overview" class="logs_link">
				WAF
			</a>
		</td>
		<td class="padding10">
			<a onclick="showOverview(ip, hostnamea)" title="Refresh" style="float: right;">
				<span class="refresh"></span>
			</a>
		</td>
	</tr>
	{% for s in servers %}
		<tr class="{{ loop.cycle('odd', 'even') }}" id="{{s[2]}}"></tr>
	{% endfor %}
</table>
<table class="overview-wi" id="overview-load">
	<tr class="overviewHead" style="height: 30px;">
		<td class="padding10 first-collumn-wi" colspan="2">
			{% if role <= 1 %}
				<a href="/app/viewlogs.py?viewlogs={{roxy_wi_log_id}}&rows=10&grep=&hour=00&minut=00&hour1=24&minut1=00" title="View Roxy-WI logs" class="logs_link">			
					Roxy-WI server status
				</a>
			{% else %}
				Roxy-WI server status
			{% endif %}
		</td> 
		<td>
			<a onclick="showOverviewHapWI()" title="Refresh" style="float: right; margin-right: 15px;">
				<span class="refresh"></span>
			</a>
		</td>
	</tr>		
	<tr>
		<td style="width:100%" colspan="3">
			<div id="cpu_div" style="height: 140px;width: 50%;float: left; margin:0; padding:0;">
				<canvas id="cpu" role="img"></canvas>
			</div>
			<div id="ram_div" style="height: 140px;width: 50%;float: right;margin:0; padding:0;">
				<canvas id="ram" role="img"></canvas>
			</div>		
		</td>
	</tr>
</table>
<table class="overview-wi" id="overview-services">
	<thead>
		<tr class="overviewHead">
			<td class="padding10 first-collumn-wi" colspan=2>
				{% if role <= 1 %}
					<a href="/app/users.py#services" title="View services status" class="logs_link">
						Roxy-WI services status
					</a>
				{% else %}
					Roxy-WI services status
				{% endif %}
			</td>
			<td>
				<a onclick="showServicesOverview()" title="Refresh" style="float: right; margin-right: 15px;">
					<span class="refresh"></span>
				</a>
			</td>
		</tr>
	</thead>
	<tbody id="services_ovw"></tbody>
</table>
{% if role <= 2 %}
	{% if role == 2 %}
		{% set admin_uri = 'servers.py' %}
	{% elif role == 1 %}
		{% set admin_uri = 'users.py' %}
	{% endif %}
	<table class="overview-wi" id="overview-users">
		<thead>
			<tr class="overviewHead" style="height: 30px;">
				<td class="padding10 first-collumn-wi">
					<a href="{{admin_uri}}#users" title="Manage users" class="logs_link">Login</a>
				</td>
				<td class="second-collumn">Groups</td>
				<td>Role</td>
				<td>
					<span class="add-button-wi" id="show_all_users" style="display: none;">
						<span title="Show all users" id="show-all-users" style="color: #fff">
							Show all
						</span>
					</span>
				</td>
				<td style="padding-right: 10px;">
					<a onclick="showUsersOverview()" title="Refresh" style="float: right;">
						<span class="refresh"></span>
					</a>
				</td>
			</tr>
		</thead>
		<tbody id="users-table"></tbody>
	</table>
{% endif %}
{% if role <= 1 %}
	<table class="overview-wi" id="overview-groups">
		<tr class="overviewHead">
			<td class="padding10 first-collumn-wi">
				<a href="users.py#groups" title="Manage groups" class="logs_link">Group</a>
			</td>
			<td class="second-collumn" style="width: 40%">Description</td>
			<td>
				{% if groups|length > 3 %}
				<span class="add-button-wi">
					<span title="Show all groups" id="show-all-groups" style="color: #fff">
						Show all
					</span>
				</span>
				{% endif %}
			</td>
		</tr>		
		{% set counter = 0 -%}
		{% for group in groups %}
			{% set counter = counter + loop.index0 %}
			{% if counter <= 2 %}
			<tr class="{{ loop.cycle('odd', 'even') }}">
				<td class="padding10 first-collumn-wi"> 
					{{ group.name }}
				</td>
				<td class="third-collumn-wi" colspan="2">{{ group.description }}</td>
			</tr>
			{% else %}
			<tr style="display: none;" class="show-groups {{ loop.cycle('odd', 'even') }}">
				<td class="padding10 first-collumn-wi">
					{{ group.name }}
				</td>
				<td class="third-collumn-wi" colspan="2">{{ group.description }}</td>
			</tr>
			{% endif %}
		{% endfor %}
	</table>
	
	<table class="overview-wi">
		<tr class="overviewHead">
			<td class="padding10 first-collumn-wi">Role</td> 
			<td class="second-collumn" style="width: 50%">Description</td>
			<td></td>
			<td></td>
		</tr>		
		{% for role in roles %}
			<tr class="{{ loop.cycle('odd', 'even') }}">
				<td class="padding10 first-collumn-wi"> 
					{{ role.name }}
				</td>
				<td class="third-collumn-wi">{{ role.description }}</td>
				<td></td>
				<td></td>
			</tr>
		{% endfor %}
	</table>
{% endif %}
{% if role <= 2 %}
	<table class="overview-wi" id="overview-logs">
		<tr class="overviewHead">
			<td class="padding10 first-collumn-wi">
				{% if role == 2 %}
				<a href="/app/viewlogs.py?type=2&viewlogs={{roxy_wi_log_id}}&rows=10&grep=&hour=00&minut=00&hour1=24&minut1=00" title="View Roxy-WI logs" class="logs_link">
				{% else %}
				<a href="/app/viewlogs.py?viewlogs={{roxy_wi_log_id}}&rows=10&grep=&hour=00&minut=00&hour1=24&minut1=00" title="View Roxy-WI logs" class="logs_link">
				{% endif %}
					Recent Roxy-WI log
				</a>
			</td> 
			<td>
				{% if roxy_wi_log|length > 3 %}
				<span class="add-button-wi">
					<span title="Show more log" id="show-all-haproxy-wi-log" style="color: #fff">
						Show more log
					</span>
				</span>
				{% endif %}
			</td>
		</tr>		
		<tr>
		{% set counter = 0 -%}	
		{% for log in roxy_wi_log %}
			{% set counter = counter + loop.index0 %}
			{% if counter <= 2 %}
			<tr class="{{ loop.cycle('odd', 'even') }}">
				<td class="padding10 first-collumn-wi" style="font-size: 12.5px;" colspan="2"> 
					{{ log }}
				</td>
			</tr>
			{% else %}
			<tr style="display: none;" class="show-haproxy-wi-log {{ loop.cycle('odd', 'even') }}">
				<td class="padding10 first-collumn-wi" style="font-size: 12.5px" colspan="2"> 
					{{ log }}
				</td>
			</tr>
			{% endif %}
		{% endfor %}
		</tr>	
	</table>
{% endif %}
{% if role <= 1 %}
	<table class="overview-wi" id="overview-subs">
		<tr class="overviewHead" style="height: 30px;">
			<td class="padding10 first-collumn-wi" colspan="2">
				<a href="https://roxy-wi.org/cabinet" title="Personal cabinet" class="logs_link" target="_blank">Subscription</a>
			</td>
		</tr>
		<tbody id="sub-table"></tbody>
	</table>
{% 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>
	showOverview(ip, hostnamea);
</script>
{% include 'include/intro/ovw.html' %}
{% include 'include/intro/js_script.html' %}
{% endblock %}