mirror of
https://github.com/cmur2/openvpn-status-web.git
synced 2024-11-17 14:56:16 +01:00
109 lines
2.0 KiB
Plaintext
109 lines
2.0 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="refresh" content="60">
|
|
<title>OpenVPN Status</title>
|
|
<style type="text/css">
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
h1 {
|
|
font-size: 24px;
|
|
}
|
|
h2 {
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
margin-top: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
div {
|
|
margin-left: 15px;
|
|
}
|
|
td {
|
|
margin: 0px;
|
|
}
|
|
td.first {
|
|
padding: 0px 6px 0px 0px;
|
|
}
|
|
td.middle {
|
|
padding: 0px 6px 0px 6px;
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
td.last {
|
|
padding: 0px 0px 0px 6px;
|
|
}
|
|
thead {
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<h1>OpenVPN Status for <%= name %></h1>
|
|
|
|
<h2>Client List</h2>
|
|
<div>
|
|
<table>
|
|
<thead>
|
|
<td class="first">Common Name</td>
|
|
<td class="middle">Real Address</td>
|
|
<td class="middle">Data Received</td>
|
|
<td class="middle">Data Sent</td>
|
|
<td class="last">Connected Since</td>
|
|
</thead>
|
|
<tbody>
|
|
<% client_list.each do |client| %>
|
|
<tr>
|
|
<td class="first"><%= client[0] %></td>
|
|
<td class="middle"><%= client[1] %></td>
|
|
<td class="middle"><%= client[2].to_i.as_bytes %></td>
|
|
<td class="middle"><%= client[3].to_i.as_bytes %></td>
|
|
<td class="last"><%= client[4] %></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<h2>Routing Table</h2>
|
|
<div>
|
|
<table>
|
|
<thead>
|
|
<td class="first">Virtual Address</td>
|
|
<td class="middle">Common Name</td>
|
|
<td class="middle">Real Address</td>
|
|
<td class="last">Last Ref</td>
|
|
</thead>
|
|
<tbody>
|
|
<% routing_table.each do |e| %>
|
|
<tr>
|
|
<td class="first"><%= e[0] %></td>
|
|
<td class="middle"><%= e[1] %></td>
|
|
<td class="middle"><%= e[2] %></td>
|
|
<td class="last"><%= e[3] %></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<h2>Global Stats</h2>
|
|
<div>
|
|
<table>
|
|
<tbody>
|
|
<% global_stats.each do |e| %>
|
|
<tr>
|
|
<td><%= e[0] %>:</td>
|
|
<td><%= e[1] %></td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|