vpn-status/html/index.html

41 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>{{.Title}}</title>
<meta charset="utf-8" />
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/assets/app.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="/assets/app.css">
</head>
<body>
<div class="container">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">{{.Title}}</div>
<table class="table" id="nodeTable">
<tr>
<th>Host</th>
<th>Status</th>
<th>Ping</th>
</tr>
{{range $node := .Nodes}}
<tr data-node="{{$node}}">
<td class="host">{{$node}}</td>
<td class="status">
<span class="loading"><i class="icon-spinner icon-spin"></i>Loading...</span>
<span class="status-text label"></span>
</td>
<td class="ping">
-
</td>
</tr>
{{end}}
</table>
</div>
<a href="/assets/tinc-graph.png" target="_blank">Show Network Graph</a>
</div>
</body>