<!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8 http-equiv="Content-Language" content="en"/> <script src="/lws-common.js"></script> <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.dl { vertical-align:middle; text-align:center; background:#c0c0c0; 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.c0 { vertical-align:middle; text-align:center; background:#b0b090; padding:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } td.dc0 { vertical-align:middle; text-align:center; background:#a0a0a0; padding:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } td.c1 { vertical-align:middle; text-align:center; background:#c0c0c0; 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> <div id="json"></div> </td></tr> </table> </article> <script nonce="lwscaro"> lws_gray_out(true,{'zindex':'499'}); /* * 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)"; lws_gray_out(false); } socket_status.onmessage =function got_packet(msg) { var u, ci, n; //document.getElementById("json").innerHTML = "<pre>"+msg.data+"</pre>"; jso = JSON.parse(msg.data); u = parseInt(san(jso.i.uptime)); if (parseInt(jso.i.contexts[0].deprecated) == 0) s = "<table><tr><td></td><td class=\"c0\">"; else s = "<table><tr><td></td><td class=\"dc0\">"; s += "Server</td><td>" + "<span class=n>Version:</span> <span class=v>" + san(jso.i.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.i.l1) s = s + ", <span class=n>Load:</span> <span class=v>" + san(jso.i.l1) + " "; if (jso.i.l2) s = s + san(jso.i.l2) + " "; if (jso.i.l3) s = s + san(jso.i.l3); if (jso.i.l1) s =s + "<span>"; for (n = 0; n < jso.files.length; n++) { s += "<br><span class=n>" + san(jso.files[n].path) + ":</span><br> " + san(jso.files[n].val); } s += "</td></tr>"; for (ci = 0; ci < jso.i.contexts.length; ci++) { if (parseInt(jso.i.contexts[ci].deprecated) == 0) s += "<tr><td></td><td class=\"c\">" + "Active Context</td><td>"; else s += "<tr><td></td><td class=\"c1\">" + "Deprecated Context " + ci + "</td><td>"; u = parseInt(san(jso.i.contexts[ci].context_uptime)); s += "<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>"; s = s + "<br>" + "<span class=n>Listening wsi:</span> <span class=v>" + san(jso.i.contexts[ci].listen_wsi) + "</span>, " + "<span class=n>Current wsi alive:</span> <span class=v>" + (parseInt(san(jso.i.contexts[ci].wsi_alive)) - parseInt(san(jso.i.contexts[ci].listen_wsi))) + "</span><br>" + "<span class=n>Total Rx:</span> <span class=v>" + humanize(san(jso.i.contexts[ci].rx)) +"</span>, " + "<span class=n>Total Tx:</span> <span class=v>" + humanize(san(jso.i.contexts[ci].tx)) +"</span><br>" + "<span class=n>Total connections:</span> <span class=v>" + san(jso.i.contexts[ci].conn) +"</span>, " + "<span class=n>Total HTTP Transactions:</span> <span class=v>" + san(jso.i.contexts[ci].trans) +"</span><br>" + "<span class=n>Total ws upgrades:</span> <span class=v>" + san(jso.i.contexts[ci].ws_upg) +"</span>, " + "<span class=n>Total h2 upgrades:</span> <span class=v>" + san(jso.i.contexts[ci].http2_upg) +"</span>, " + "<span class=n>Total Rejected:</span> <span class=v>" + san(jso.i.contexts[ci].rejected) +"</span><br>" + "<span class=n>Current cgi alive:</span> <span class=v>" + san(jso.i.contexts[ci].cgi_alive) + "</span>, " + "<span class=n>Total CGI spawned:</span> <span class=v>" + san(jso.i.contexts[ci].cgi_spawned) + "</span><table>"; for (n = 0; n < jso.i.contexts[ci].pt.length; n++) { if (parseInt(jso.i.contexts[ci].deprecated) == 0) s += "<tr><td> </td><td class=\"l\">service thread " + (n + 1); else s += "<tr><td> </td><td class=\"dl\">service thread " + (n + 1); s += "</td><td>" + "<span class=n>fds:</span> <span class=v>" + san(jso.i.contexts[ci].pt[n].fds_count) + " / " + san(jso.i.contexts[ci].pt_fd_max) + "</span>, "; s = s + "<span class=n>ah pool:</span> <span class=v>" + san(jso.i.contexts[ci].pt[n].ah_pool_inuse) + " / " + san(jso.i.contexts[ci].ah_pool_max) + "</span>, " + "<span class=n>ah waiting list:</span> <span class=v>" + san(jso.i.contexts[ci].pt[n].ah_wait_list); s = s + "</span></td></tr>"; } for (n = 0; n < jso.i.contexts[ci].vhosts.length; n++) { if (parseInt(jso.i.contexts[ci].deprecated) == 0) s += "<tr><td> </td><td class=\"l\">vhost " + (n + 1); else s += "<tr><td> </td><td class=\"dl\">vhost " + (n + 1); s += "</td><td><span class=\"mountname\">"; if (jso.i.contexts[ci].vhosts[n].use_ssl == '1') s = s + "https://"; else s = s + "http://"; s = s + san(jso.i.contexts[ci].vhosts[n].name) + ":" + san(jso.i.contexts[ci].vhosts[n].port) + "</span>"; if (jso.i.contexts[ci].vhosts[n].sts == '1') s = s + " (STS)"; s = s +"<br>" + "<span class=n>rx:</span> <span class=v>" + humanize(san(jso.i.contexts[ci].vhosts[n].rx)) + "B</span>, " + "<span class=n>tx</span> <span class=v>" + humanize(san(jso.i.contexts[ci].vhosts[n].tx)) + "B</span><br>" + "<span class=n>vh connections</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].conn) + "</span>, " + "<span class=n>vh http transactions</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].trans) + "</span><br>" + "<span class=n>vh upgrades to ws:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].ws_upg) + "</span>, " + "<span class=n>to http/2:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].http2_upg) + "</span>, " + "<span class=n>rejected:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].rejected) + "</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.i.contexts[ci].vhosts[n].mounts.length; m++) { s = s + "<tr><td>"; s = s + "<span class=\"m1\">" + san(jso.i.contexts[ci].vhosts[n].mounts[m].mountpoint) + "</span></td><td><span class=\"m2\">" + san(jso.i.contexts[ci].vhosts[n].mounts[m].origin) + "</span></td><td>"; if (parseInt(san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_max_age))) s = s + "<span class=n>max-age:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_max_age) + "</span>, <span class=n>reuse:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_reuse) + "</span>, <span class=n>reval:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_revalidate) + "</span>, <span class=n>inter:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_intermediaries); s = s + "</span></td></tr>" } s = s + "</table>"; s = s + "</td></tr>"; } s += "</table></td></tr>"; } // context s = s + "</table>"; document.getElementById("conninfo").innerHTML = s; } socket_status.onclose = function(){ document.getElementById("title").innerHTML = "Server Status (Disconnected)"; lws_gray_out(true,{'zindex':'499'}); } } catch(exception) { alert('<p>Error' + exception); } </script> </body> </html>