server-status.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset=utf-8 http-equiv="Content-Language" content="en"/>
  5. <script src="/lws-common.js"></script>
  6. <title>LWS Server Status</title>
  7. <style type="text/css">
  8. span.title { font-size:18pt; font: Arial; font-weight:normal;
  9. text-align:center; color:#000000; }
  10. span.mount { font-size:10pt; font: Arial; font-weight:normal;
  11. text-align:center; color:#000000; }
  12. span.mountname { font-size:14pt; font: Arial; font-weight:bold;
  13. text-align:center; color:#404010; }
  14. span.n { font-size:12pt; font: Arial; font-weight:normal;
  15. text-align:center; color:#808020; }
  16. span.v { font-size:12pt; font: Arial; font-weight:bold;
  17. text-align:center; color:#202020; }
  18. span.m1 { font-size:12pt; font: Arial; font-weight:bold;
  19. text-align:center; color:#202020; }
  20. span.m2 { font-size:12pt; font: Arial; font-weight:normal;
  21. text-align:center; color:#202020; }
  22. .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;}
  23. .group2 { vertical-align:middle;
  24. text-align:center;
  25. background:#f0f0e0;
  26. padding:12px;
  27. -webkit-border-radius:10px;
  28. -moz-border-radius:10px;
  29. border-radius:10px; }
  30. .explain { vertical-align:middle;
  31. text-align:center;
  32. background:#f0f0c0; padding:12px;
  33. -webkit-border-radius:10px;
  34. -moz-border-radius:10px;
  35. border-radius:10px;
  36. color:#404000; }
  37. td.wsstatus { vertical-align:middle; width:200px; height:50px;
  38. text-align:center;
  39. background:#f0f0c0; padding:6px;
  40. -webkit-border-radius:8px;
  41. -moz-border-radius:8px;
  42. border-radius:8px;
  43. color:#404000; }
  44. td.l { vertical-align:middle;
  45. text-align:center;
  46. background:#d0d0b0;
  47. padding:3px;
  48. -webkit-border-radius:3px;
  49. -moz-border-radius:3px;
  50. border-radius:3px; }
  51. td.dl { vertical-align:middle;
  52. text-align:center;
  53. background:#c0c0c0;
  54. padding:3px;
  55. -webkit-border-radius:3px;
  56. -moz-border-radius:3px;
  57. border-radius:3px; }
  58. td.c { vertical-align:middle;
  59. text-align:center;
  60. background:#c0c0a0;
  61. padding:3px;
  62. -webkit-border-radius:3px;
  63. -moz-border-radius:3px;
  64. border-radius:3px; }
  65. td.c0 { vertical-align:middle;
  66. text-align:center;
  67. background:#b0b090;
  68. padding:3px;
  69. -webkit-border-radius:3px;
  70. -moz-border-radius:3px;
  71. border-radius:3px; }
  72. td.dc0 { vertical-align:middle;
  73. text-align:center;
  74. background:#a0a0a0;
  75. padding:3px;
  76. -webkit-border-radius:3px;
  77. -moz-border-radius:3px;
  78. border-radius:3px; }
  79. td.c1 { vertical-align:middle;
  80. text-align:center;
  81. background:#c0c0c0;
  82. padding:3px;
  83. -webkit-border-radius:3px;
  84. -moz-border-radius:3px;
  85. border-radius:3px; }
  86. td.t { vertical-align:middle;
  87. text-align:center;
  88. background:#e0e0c0;
  89. padding:3px;
  90. -webkit-border-radius:3px;
  91. -moz-border-radius:3px;
  92. border-radius:3px; }
  93. .content { vertical-align:top; text-align:center; background:#fffff0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
  94. .canvas { vertical-align:top; text-align:center; background:#efefd0; padding:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
  95. .tabs {
  96. position: relative;
  97. min-height: 750px; /* This part sucks */
  98. clear: both;
  99. margin: 25px 0;
  100. }
  101. .tab {
  102. float: left;
  103. }
  104. .tab label {
  105. background: #eee;
  106. padding: 10px;
  107. border: 1px solid #ccc;
  108. margin-left: -1px;
  109. position: relative;
  110. left: 1px;
  111. }
  112. .tab [type=radio] {
  113. display: none;
  114. }
  115. .content {
  116. position: absolute;
  117. top: 28px;
  118. left: 0;
  119. background: white;
  120. right: 0;
  121. bottom: 0;
  122. padding: 20px;
  123. border: 1px solid #ccc;
  124. }
  125. [type=radio]:checked ~ label {
  126. background: white;
  127. border-bottom: 1px solid white;
  128. z-index: 2;
  129. }
  130. [type=radio]:checked ~ label ~ .content {
  131. z-index: 1;
  132. }
  133. </style>
  134. </head>
  135. <body>
  136. <header></header>
  137. <article>
  138. <table>
  139. <tr><td><img src="./lwsws-logo.png"></td><td><span id=title class=title>Server status</span></td></tr>
  140. <tr><td align=center colspan=2>
  141. <div id="conninfo">...</div>
  142. <div id="json"></div>
  143. </td></tr>
  144. </table>
  145. </article>
  146. <script nonce="lwscaro">
  147. lws_gray_out(true,{'zindex':'499'});
  148. /*
  149. * We display untrusted stuff in html context... reject anything
  150. * that has HTML stuff in it
  151. */
  152. function san(s)
  153. {
  154. if (s.search("<") != -1)
  155. return "invalid string";
  156. return s;
  157. }
  158. function humanize(s)
  159. {
  160. i = parseInt(s);
  161. if (i > 1000000000)
  162. return (i / 1000000000).toFixed(3) + "G";
  163. if (i > 1000000)
  164. return (i / 1000000).toFixed(3) + "M";
  165. if (i > 1000)
  166. return (i / 1000).toFixed(3) + "K";
  167. return s;
  168. }
  169. var pos = 0;
  170. function get_appropriate_ws_url()
  171. {
  172. var pcol;
  173. var u = document.URL;
  174. /*
  175. * We open the websocket encrypted if this page came on an
  176. * https:// url itself, otherwise unencrypted
  177. */
  178. if (u.substring(0, 5) == "https") {
  179. pcol = "wss://";
  180. u = u.substr(8);
  181. } else {
  182. pcol = "ws://";
  183. if (u.substring(0, 4) == "http")
  184. u = u.substr(7);
  185. }
  186. u = u.split('/');
  187. /* + "/xxx" bit is for IE10 workaround */
  188. return pcol + u[0] + "/xxx";
  189. }
  190. var socket_status, jso, s;
  191. if (typeof MozWebSocket != "undefined") {
  192. socket_status = new MozWebSocket(get_appropriate_ws_url(),
  193. "lws-server-status");
  194. } else {
  195. socket_status = new WebSocket(get_appropriate_ws_url(),
  196. "lws-server-status");
  197. }
  198. try {
  199. socket_status.onopen = function() {
  200. document.getElementById("title").innerHTML = "Server Status (Active)";
  201. lws_gray_out(false);
  202. }
  203. socket_status.onmessage =function got_packet(msg) {
  204. var u, ci, n;
  205. //document.getElementById("json").innerHTML = "<pre>"+msg.data+"</pre>";
  206. jso = JSON.parse(msg.data);
  207. u = parseInt(san(jso.i.uptime));
  208. if (parseInt(jso.i.contexts[0].deprecated) == 0)
  209. s = "<table><tr><td></td><td class=\"c0\">";
  210. else
  211. s = "<table><tr><td></td><td class=\"dc0\">";
  212. s +=
  213. "Server</td><td>" +
  214. "<span class=n>Version:</span> <span class=v>" +
  215. san(jso.i.version) + "</span><br>" +
  216. "<span class=n>Uptime:</span> <span class=v>" +
  217. ((u / (24 * 3600)) | 0) + "d " +
  218. (((u % (24 * 3600)) / 3600) | 0) + "h " +
  219. (((u % 3600) / 60) | 0) + "m</span>";
  220. if (jso.i.l1)
  221. s = s + ", <span class=n>Load:</span> <span class=v>" + san(jso.i.l1) + " ";
  222. if (jso.i.l2)
  223. s = s + san(jso.i.l2) + " ";
  224. if (jso.i.l3)
  225. s = s + san(jso.i.l3);
  226. if (jso.i.l1)
  227. s =s + "<span>";
  228. for (n = 0; n < jso.files.length; n++) {
  229. s += "<br><span class=n>" + san(jso.files[n].path) + ":</span><br> " + san(jso.files[n].val);
  230. }
  231. s += "</td></tr>";
  232. for (ci = 0; ci < jso.i.contexts.length; ci++) {
  233. if (parseInt(jso.i.contexts[ci].deprecated) == 0)
  234. s += "<tr><td></td><td class=\"c\">" +
  235. "Active Context</td><td>";
  236. else
  237. s += "<tr><td></td><td class=\"c1\">" +
  238. "Deprecated Context " + ci + "</td><td>";
  239. u = parseInt(san(jso.i.contexts[ci].context_uptime));
  240. s += "<span class=n>Uptime:</span> <span class=v>" +
  241. ((u / (24 * 3600)) | 0) + "d " +
  242. (((u % (24 * 3600)) / 3600) | 0) + "h " +
  243. (((u % 3600) / 60) | 0) + "m</span>";
  244. s = s +
  245. "<br>" +
  246. "<span class=n>Listening wsi:</span> <span class=v>" + san(jso.i.contexts[ci].listen_wsi) + "</span>, " +
  247. "<span class=n>Current wsi alive:</span> <span class=v>" + (parseInt(san(jso.i.contexts[ci].wsi_alive)) -
  248. parseInt(san(jso.i.contexts[ci].listen_wsi))) + "</span><br>" +
  249. "<span class=n>Total Rx:</span> <span class=v>" + humanize(san(jso.i.contexts[ci].rx)) +"</span>, " +
  250. "<span class=n>Total Tx:</span> <span class=v>" + humanize(san(jso.i.contexts[ci].tx)) +"</span><br>" +
  251. "<span class=n>Total connections:</span> <span class=v>" + san(jso.i.contexts[ci].conn) +"</span>, " +
  252. "<span class=n>Total HTTP Transactions:</span> <span class=v>" + san(jso.i.contexts[ci].trans) +"</span><br>" +
  253. "<span class=n>Total ws upgrades:</span> <span class=v>" + san(jso.i.contexts[ci].ws_upg) +"</span>, " +
  254. "<span class=n>Total h2 upgrades:</span> <span class=v>" + san(jso.i.contexts[ci].http2_upg) +"</span>, " +
  255. "<span class=n>Total Rejected:</span> <span class=v>" + san(jso.i.contexts[ci].rejected) +"</span><br>" +
  256. "<span class=n>Current cgi alive:</span> <span class=v>" + san(jso.i.contexts[ci].cgi_alive) + "</span>, " +
  257. "<span class=n>Total CGI spawned:</span> <span class=v>" + san(jso.i.contexts[ci].cgi_spawned) +
  258. "</span><table>";
  259. for (n = 0; n < jso.i.contexts[ci].pt.length; n++) {
  260. if (parseInt(jso.i.contexts[ci].deprecated) == 0)
  261. s += "<tr><td>&nbsp;&nbsp;</td><td class=\"l\">service thread " + (n + 1);
  262. else
  263. s += "<tr><td>&nbsp;&nbsp;</td><td class=\"dl\">service thread " + (n + 1);
  264. s += "</td><td>" +
  265. "<span class=n>fds:</span> <span class=v>" + san(jso.i.contexts[ci].pt[n].fds_count) + " / " +
  266. san(jso.i.contexts[ci].pt_fd_max) + "</span>, ";
  267. s = s + "<span class=n>ah pool:</span> <span class=v>" + san(jso.i.contexts[ci].pt[n].ah_pool_inuse) + " / " +
  268. san(jso.i.contexts[ci].ah_pool_max) + "</span>, " +
  269. "<span class=n>ah waiting list:</span> <span class=v>" + san(jso.i.contexts[ci].pt[n].ah_wait_list);
  270. s = s + "</span></td></tr>";
  271. }
  272. for (n = 0; n < jso.i.contexts[ci].vhosts.length; n++) {
  273. if (parseInt(jso.i.contexts[ci].deprecated) == 0)
  274. s += "<tr><td>&nbsp;&nbsp;</td><td class=\"l\">vhost " + (n + 1);
  275. else
  276. s += "<tr><td>&nbsp;&nbsp;</td><td class=\"dl\">vhost " + (n + 1);
  277. s += "</td><td><span class=\"mountname\">";
  278. if (jso.i.contexts[ci].vhosts[n].use_ssl == '1')
  279. s = s + "https://";
  280. else
  281. s = s + "http://";
  282. s = s + san(jso.i.contexts[ci].vhosts[n].name) + ":" +
  283. san(jso.i.contexts[ci].vhosts[n].port) + "</span>";
  284. if (jso.i.contexts[ci].vhosts[n].sts == '1')
  285. s = s + " (STS)";
  286. s = s +"<br>" +
  287. "<span class=n>rx:</span> <span class=v>" + humanize(san(jso.i.contexts[ci].vhosts[n].rx)) + "B</span>, " +
  288. "<span class=n>tx</span> <span class=v>" + humanize(san(jso.i.contexts[ci].vhosts[n].tx)) + "B</span><br>" +
  289. "<span class=n>vh connections</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].conn) + "</span>, " +
  290. "<span class=n>vh http transactions</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].trans) + "</span><br>" +
  291. "<span class=n>vh upgrades to ws:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].ws_upg) + "</span>, " +
  292. "<span class=n>to http/2:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].http2_upg) + "</span>, " +
  293. "<span class=n>rejected:</span> <span class=v>" + san(jso.i.contexts[ci].vhosts[n].rejected) + "</span><br>" +
  294. "<table style=\"margin-left:16px\"><tr><td class=t>Mountpoint</td><td class=t>Origin</td><td class=t>Cache Policy</td></tr>";
  295. var m;
  296. for (m = 0; m < jso.i.contexts[ci].vhosts[n].mounts.length; m++) {
  297. s = s + "<tr><td>";
  298. s = s + "<span class=\"m1\">" + san(jso.i.contexts[ci].vhosts[n].mounts[m].mountpoint) +
  299. "</span></td><td><span class=\"m2\">" +
  300. san(jso.i.contexts[ci].vhosts[n].mounts[m].origin) +
  301. "</span></td><td>";
  302. if (parseInt(san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_max_age)))
  303. s = s + "<span class=n>max-age:</span> <span class=v>" +
  304. san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_max_age) +
  305. "</span>, <span class=n>reuse:</span> <span class=v>" +
  306. san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_reuse) +
  307. "</span>, <span class=n>reval:</span> <span class=v>" +
  308. san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_revalidate) +
  309. "</span>, <span class=n>inter:</span> <span class=v>" +
  310. san(jso.i.contexts[ci].vhosts[n].mounts[m].cache_intermediaries);
  311. s = s + "</span></td></tr>"
  312. }
  313. s = s + "</table>";
  314. s = s + "</td></tr>";
  315. }
  316. s += "</table></td></tr>";
  317. } // context
  318. s = s + "</table>";
  319. document.getElementById("conninfo").innerHTML = s;
  320. }
  321. socket_status.onclose = function(){
  322. document.getElementById("title").innerHTML = "Server Status (Disconnected)";
  323. lws_gray_out(true,{'zindex':'499'});
  324. }
  325. } catch(exception) {
  326. alert('<p>Error' + exception);
  327. }
  328. </script>
  329. </body>
  330. </html>