diff --git a/websocket-ui/index.html b/websocket-ui/index.html index 22b41e8..2625308 100644 --- a/websocket-ui/index.html +++ b/websocket-ui/index.html @@ -10,9 +10,10 @@ position: fixed; right: 0px; top: 0px; + height: 100%; font-size: 10px; - box-shadow 0px 0px 10px 10px #1a1a1a; - backgroud: rgba(1,1,1,0.5); + box-shadow: 0px 0px 10px 10px #1a1a1a; + background: rgba(1,1,1,0.5); border-radius: 5px; } diff --git a/websocket-ui/ui.js b/websocket-ui/ui.js index 82dfd58..2202467 100644 --- a/websocket-ui/ui.js +++ b/websocket-ui/ui.js @@ -96,8 +96,8 @@ function tunnelTestFailed(tid) { function tunnelFailed(tid) { if(!tunnels[tid]) return; logit("Tunnel " + tid + " has failed"); - tunnels[tid].state = "failed"; - tunnels[tid].color = "red"; + delete tunnels[tid]; + tunnels.length--; } function tunnelExpiring(tid) { @@ -130,7 +130,7 @@ function tunnelCreated(tid) { function logit(msg) { console.log(msg); - var t = document.createTextNode(msg); + var t = document.createTextNode(leftpad(msg, 25)); var e = document.createElement("div"); e.appendChild(t); l.appendChild(e); @@ -326,10 +326,11 @@ setInterval(function() { draw.beginPath(); var txt = ident.substr(0, 6); draw.fillText(txt, x1-5, y1-5); + /** if(i * 10 < c.height) { txt += "| "+leftpad(nodes[ident].recv+" msg/s in", 15)+ " | "+leftpad(nodes[ident].send+" msg/s out", 15)+" |"; draw.fillText(txt, 100, 20 + (i*10)); - } + } */ nodes[ident].recv = 0; nodes[ident].send = 0; draw.moveTo(x0, y0); @@ -376,3 +377,5 @@ setInterval(function() { } tick ++; }, 100); + +logit("loaded");