<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 http-equiv="Content-Language" content="en"/>
<title>LWS Server Status</title>
<style type="text/css">
span.title { font-size:18pt; font: Arial; font-weight:normal;
text-align:center; color:#000000; }
span.mount { font-size:10pt; font: Arial; font-weight:normal;
text-align:center; color:#000000; }
span.mountname { font-size:14pt; font: Arial; font-weight:bold;
text-align:center; color:#404010; }
span.n { font-size:12pt; font: Arial; font-weight:normal;
text-align:center; color:#808020; }
span.v { font-size:12pt; font: Arial; font-weight:bold;
text-align:center; color:#202020; }
span.m1 { font-size:12pt; font: Arial; font-weight:bold;
text-align:center; color:#202020; }
span.m2 { font-size:12pt; font: Arial; font-weight:normal;
text-align:center; color:#202020; }
.browser { font-size:18pt; font: Arial; font-weight:normal; text-align:center; color:#ffff00; vertical-align:middle; text-align:center; background:#d0b070; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.group2 { vertical-align:middle;
text-align:center;
background:#f0f0e0;
padding:12px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; }
.explain { vertical-align:middle;
text-align:center;
background:#f0f0c0; padding:12px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
color:#404000; }
td.wsstatus { vertical-align:middle; width:200px; height:50px;
text-align:center;
background:#f0f0c0; padding:6px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
color:#404000; }
td.l { vertical-align:middle;
text-align:center;
background:#d0d0b0;
padding:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; }
td.c { vertical-align:middle;
text-align:center;
background:#c0c0a0;
padding:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; }
td.t { vertical-align:middle;
text-align:center;
background:#e0e0c0;
padding:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; }
.content { vertical-align:top; text-align:center; background:#fffff0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.canvas { vertical-align:top; text-align:center; background:#efefd0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.tabs {
position: relative;
min-height: 750px; /* This part sucks */
clear: both;
margin: 25px 0;
}
.tab {
float: left;
}
.tab label {
background: #eee;
padding: 10px;
border: 1px solid #ccc;
margin-left: -1px;
position: relative;
left: 1px;
}
.tab [type=radio] {
display: none;
}
.content {
position: absolute;
top: 28px;
left: 0;
background: white;
right: 0;
bottom: 0;
padding: 20px;
border: 1px solid #ccc;
}
[type=radio]:checked ~ label {
background: white;
border-bottom: 1px solid white;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
}
</style>
</head>
<body>
<header></header>
<article>
<table>
<tr><td><img src="./lwsws-logo.png"></td><td><span id=title class=title>Server status</span></td></tr>
<tr><td align=center colspan=2>
<div id="conninfo">...</div>
</td></tr>
</table>
</article>
<script>
/*
* We display untrusted stuff in html context... reject anything
* that has HTML stuff in it
*/
function san(s)
{
if (s.search("<") != -1)
return "invalid string";
return s;
}
function humanize(s)
{
i = parseInt(s);
if (i > 1000000000)
return (i / 1000000000).toFixed(3) + "G";
if (i > 1000000)
return (i / 1000000).toFixed(3) + "M";
if (i > 1000)
return (i / 1000).toFixed(3) + "K";
return s;
}
var pos = 0;
function get_appropriate_ws_url()
{
var pcol;
var u = document.URL;
/*
* We open the websocket encrypted if this page came on an
* https:// url itself, otherwise unencrypted
*/
if (u.substring(0, 5) == "https") {
pcol = "wss://";
u = u.substr(8);
} else {
pcol = "ws://";
if (u.substring(0, 4) == "http")
u = u.substr(7);
}
u = u.split('/');
/* + "/xxx" bit is for IE10 workaround */
return pcol + u[0] + "/xxx";
}
var socket_status, jso, s;
if (typeof MozWebSocket != "undefined") {
socket_status = new MozWebSocket(get_appropriate_ws_url(),
"lws-server-status");
} else {
socket_status = new WebSocket(get_appropriate_ws_url(),
"lws-server-status");
}
try {
socket_status.onopen = function() {
document.getElementById("title").innerHTML = "Server Status (Active)";
}
socket_status.onmessage =function got_packet(msg) {
var u;
//document.getElementById("conninfo").innerHTML = "<pre>"+msg.data+"</pre>";
jso = JSON.parse(msg.data);
u = parseInt(san(jso.uptime));
s = "<table><tr><td class=\"c\">" +
"Context</td><td>" +
"<span class=n>Version:</span> <span class=v>" +
san(jso.version) + "</span><br>" +
"<span class=n>Uptime:</span> <span class=v>" +
((u / (24 * 3600)) | 0) + "d " +
(((u % (24 * 3600)) / 3600) | 0) + "h " +
(((u % 3600) / 60) | 0) + "m</span>";
if (jso.l1)
s = s + ", <span class=n>Load:</span> <span class=v>" + san(jso.l1) + " ";
if (jso.l2)
s = s + san(jso.l2) + " ";
if (jso.l3)
s = s + san(jso.l3);
if (jso.l1)
s =s + "<span>";
s = s +
"<br>" +
"<span class=n>Listening wsi:</span> <span class=v>" + san(jso.listen_wsi) + "</span>, " +
"<span class=n>Current wsi alive:</span> <span class=v>" + (parseInt(san(jso.wsi_alive)) -
parseInt(san(jso.listen_wsi))) + "</span><br>" +
"<span class=n>Current cgi alive:</span> <span class=v>" + san(jso.cgi_alive) + "</span>, " +
"<span class=n>Total CGI spawned:</span> <span class=v>" + san(jso.cgi_spawned) +
"</span></td></tr>";
var n;
for (n = 0; n < jso.pt.length; n++) {
s = s + "<tr><td class=\"l\">service thread " + (n + 1) +
"</td><td>" +
"<span class=n>fds:</span> <span class=v>" + san(jso.pt[n].fds_count) + " / " +
san(jso.pt_fd_max) + "</span>, ";
s = s + "<span class=n>ah pool:</span> <span class=v>" + san(jso.pt[n].ah_pool_inuse) + " / " +
san(jso.ah_pool_max) + "</span>, " +
"<span class=n>ah waiting list:</span> <span class=v>" + san(jso.pt[n].ah_wait_list);
s = s + "</span></td></tr>";
}
for (n = 0; n < jso.vhosts.length; n++) {
s = s + "<tr><td class=\"l\">vhost " + (n + 1) +
"</td><td><span class=\"mountname\">";
if (jso.vhosts[n].use_ssl == '1')
s = s + "https://";
else
s = s + "http://";
s = s + san(jso.vhosts[n].name) + ":" +
san(jso.vhosts[n].port) + "</span>";
if (jso.vhosts[n].sts == '1')
s = s + " (STS)";
s = s +"<br>" +
"<span class=n>rx:</span> <span class=v>" + humanize(san(jso.vhosts[n].rx)) + "B</span>, " +
"<span class=n>tx</span> <span class=v>" + humanize(san(jso.vhosts[n].tx)) + "B</span><br>" +
"<span class=n>total connections</span> <span class=v>" + san(jso.vhosts[n].conn) + "</span>, " +
"<span class=n>total http transactions</span> <span class=v>" + san(jso.vhosts[n].trans) + "</span><br>" +
"<span class=n>Upgrades to ws:</span> <span class=v>" + san(jso.vhosts[n].ws_upg) + "</span>, " +
"<span class=n>to http/2:</span> <span class=v>" + san(jso.vhosts[n].http2_upg) + "</span><br>" +
"<table style=\"margin-left:16px\"><tr><td class=t>Mountpoint</td><td class=t>Origin</td><td class=t>Cache Policy</td></tr>";
var m;
for (m = 0; m < jso.vhosts[n].mounts.length; m++) {
s = s + "<tr><td>";
s = s + "<span class=\"m1\">" + san(jso.vhosts[n].mounts[m].mountpoint) +
"</span></td><td><span class=\"m2\">" +
san(jso.vhosts[n].mounts[m].origin) +
"</span></td><td>";
if (parseInt(san(jso.vhosts[n].mounts[m].cache_max_age)))
s = s + "<span class=n>max-age:</span> <span class=v>" +
san(jso.vhosts[n].mounts[m].cache_max_age) +
"</span>, <span class=n>reuse:</span> <span class=v>" +
san(jso.vhosts[n].mounts[m].cache_reuse) +
"</span>, <span class=n>reval:</span> <span class=v>" +
san(jso.vhosts[n].mounts[m].cache_revalidate) +
"</span>, <span class=n>inter:</span> <span class=v>" +
san(jso.vhosts[n].mounts[m].cache_intermediaries);
s = s + "</span></td></tr>"
}
s = s + "</table>";
s = s + "</td></tr>";
}
s = s + "</table>";
document.getElementById("conninfo").innerHTML = s;
}
socket_status.onclose = function(){
document.getElementById("title").innerHTML = "Server Status (Disconnected)";
}
} catch(exception) {
alert('<p>Error' + exception);
}
</script>
</body>
</html>