aprsc/src/web/index.html

94 lines
3.8 KiB
HTML

<!DOCTYPE html>
<html ng-app='aprsc'>
<head>
<title>aprsc status</title>
<meta name="lang" content="en" />
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/aprsc.css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut" href="/favicon.ico" type="image/x-icon" />
<script src="angular.min.js"></script>
</head>
<body onclick='ttip_hide();' ng-controller="aprscCtrl">
<div style='float: right;'><img src="/aprsc-logo2.png" /></div>
<div class="page_title" id="title"><span id='serverid'></span> aprsc status <span id='upt'></span></div>
<div id='status'></div>
<div id='alarms' style='display: none;'></div>
<div id='motd'></div>
<h3>Server</h3>
<div id='server'></div>
<h3>NG Server</h3>
<table ng-show="server.uptime">
<tr><td>{{ keys_server.server_id }}</td><td>{{ server.server_id }}</td></tr>
<tr><td>{{ keys_server.admin }}</td><td>{{ server.admin }}</td></tr>
<tr><td>{{ keys_server.software }}</td><td>{{ server.software }} {{ server.software_version }}</td></tr>
<tr><td>{{ keys_server.software_build_features }}</td><td>{{ server.software_build_features }}</td></tr>
<tr><td>{{ keys_server.os }}</td><td>{{ server.os }}</td></tr>
<tr><td>{{ keys_server.time_started }}</td><td>{{ server.time_started|datetime }}</td></tr>
<tr><td>{{ keys_server.uptime }}</td><td>{{ server.uptime|duration }}</td></tr>
</table>
</div>
<h3>Totals</h3>
<div style='float: right; clear: right; height: 230px; width: 600px;' id='graph'></div>
<div id='totals'></div>
<h3>Duplicate filter
<span class='show' id='dupecheck_more_show' onclick='toggle("dupecheck_more")'>
<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAIAAADkharWAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wKHQcqC7wd4jIAAABtSURBVCjPY/z//z8DKYAJU+jFA4YbNxh+4NLxHxV8//7fX/4/O/v//e//YwVMDCQCkjUgnLS//7+4+H9+/v/8/P8ZGP4zMPxn54dyzeMRTmKB6/zwgOHlSxSzfn5k+AkJhheD2tMka2AkNWkAAOhriTYQTgMEAAAAAElFTkSuQmCC" />
</span>
<span class='hide' id='dupecheck_more_hide' onclick='toggle("dupecheck_more")'>
<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAIAAADkharWAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wKHQcqE69xemQAAABMSURBVCjPY/z//z8DKYCJgUQwqDUcmMAgIcEgIMAgIMDAyMjAyMjAIQDlWiQgNLDAWR8eMLx8iWLYz48MPxkYGBgYXrxACDKOxGAFAAP1ERwzsIoPAAAAAElFTkSuQmCC" />
</span></h3>
<div id='dupecheck'></div>
<div id='dupecheck_more'></div>
<h3>Port listeners</h3>
<div id='listeners'></div>
<div id='uplinks_d'>
<h3>Uplinks</h3>
<div id='uplinks'></div>
</div>
<div id='peers_d'>
<h3>Peers</h3>
<div id='peers'></div>
</div>
<h3>NG Clients</h3>
<table>
<tr><th>Port</th> <th>Callsign</th> <th>Address</th> <th>Verified</th> <th>Up</th> <th>Last in</th>
<th>Software</th> <th>Packets Tx</th> <th>Packets Rx</th>
<th>Bytes Tx</th> <th>Bytes Rx</th> <th>Tx/Rx bytes/s</th> <th>OutQ</th>
<th>MsgRcpts</th> <th>Filter</th>
</tr>
<tr ng-repeat="c in clients"><td>{{ c.addr_loc|addr_port }}</td>
<td>{{ c.username }}</td>
<td>{{ c.addr_rem }}</td>
<td ng-class="{'0':'red', '1':'green', '2':'green'}[c.verified]">{{ c|client_verified }}</td>
</tr>
</table>
<h3>Clients</h3>
<div id='clients'></div>
<h3>Memory</h3>
<div id='memory'></div>
<div id='ttip' class='ttip' style='display: none;'></div>
<!-- script type='text/JavaScript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script -->
<script type='text/JavaScript' src='http://code.jquery.com/jquery-1.8.1.min.js'></script>
<!--[if lte IE 8]><script type='text/JavaScript' src='excanvas.min.js'></script><![endif]-->
<script type='text/JavaScript' src='jquery.flot.min.js'></script>
<script type='text/JavaScript' src='aprsc.js'></script>
<script type='text/JavaScript'>$(document).ready(function(){init();});;</script>
</body>
</html>