PurpleI2P
/
i2pd-tools
mirror of https://github.com/PurpleI2P/i2pd-tools
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

update ui for new events

pull/2/head
Jeff Becker 8 years ago
parent
f10ea363f0
commit
3913ed3d30
No known key found for this signature in database
GPG Key ID: AB950234D6EA286B
2 changed files with 46 additions and 5 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      websocket-ui/index.html
  2. 47
      websocket-ui/ui.js

4
websocket-ui/index.html
Unescape View File

@ -5,7 +5,9 @@
</script> </script>
</head> </head>
<body style="background: #222;"> <body style="background: #222;">
<canvas id="main" style="background: #222;"> <pre id="log" style="z-index: 1; color: white; position: fixed; right: 0px; top: 0px; font-size: 10px;">
</pre>
<canvas id="main" style="background: #222; position: fixed; left: 0px; top: 0px; z-index: -1">
</canvas> </canvas>
<script type="text/javascript" src="ui.js"> <script type="text/javascript" src="ui.js">
</script> </script>

47
websocket-ui/ui.js
Unescape View File

@ -1,6 +1,6 @@
var l = document.getElementById("log");
var c = document.getElementById("main"); var c = document.getElementById("main");
var nodes = { var nodes = {
length: 0, length: 0,
@ -37,8 +37,37 @@ function nodeRecv(ident, n) {
nodes[ident].recv += parseInt(n); nodes[ident].recv += parseInt(n);
} }
var tunnels = {
length : 0
};
function tunnelBuild(peers, tid, inbound) {
logit("building tunnel "+tid);
}
function tunnelLatency(tid, latency) {
logit("tunnel "+tid+" latency "+latency+"ms");
}
function tunnelState(tid, state) {
logit("tunnel "+tid+" entered state "+state);
}
function tunnelCreated(tid) {
logit("tunnel "+tid+" was created");
}
function logit(msg) {
console.log(msg);
var t = document.createTextNode(msg);
var e = document.createElement("div");
e.appendChild(t);
l.appendChild(e);
while(l.children.length > 50)
l.removeChild(l.children[0]);
}
var ws = new WebSocket("ws://127.0.0.1:7665/"); var ws = new WebSocket("ws://127.0.0.1:7666/");
ws.onmessage = function(ev) { ws.onmessage = function(ev) {
var j = JSON.parse(ev.data); var j = JSON.parse(ev.data);
if (j) { if (j) {
@ -50,6 +79,16 @@ ws.onmessage = function(ev) {
nodeSend(j.ident, j.number); nodeSend(j.ident, j.number);
} else if (j.type == "transport.recvmsg") { } else if (j.type == "transport.recvmsg") {
nodeRecv(j.ident, j.number); nodeRecv(j.ident, j.number);
} else if (j.type == "tunnel.build") {
tunnelBuild(j.value, j.tid, j.inbound);
} else if (j.type == "tunnel.latency") {
tunnelLatency(j.tid, j.value);
} else if (j.type == "tunnel.state") {
tunnelState(j.tid, j.value);
} else if (t.type == "tunnels.created") {
tunnelCreated(j.tid);
} else {
logit("message: "+j.type);
} }
} }
}; };
@ -67,9 +106,9 @@ setInterval(function() {
var centerx = c.width / 2; var centerx = c.width / 2;
var centery = c.height / 2; var centery = c.height / 2;
var mult = Math.log(nodes.length) + 0.5; var mult = Math.log(10 + nodes.length) + 0.5;
var outer_r = (n * mult); var outer_r = ((10 + n) * mult);
if(outer_r > c.width || outer_r > c.height) { if(outer_r > c.width || outer_r > c.height) {
var smaller = c.height; var smaller = c.height;
if(c.width < smaller) smaller = c.width; if(c.width < smaller) smaller = c.width;

Write Preview
Loading…
Cancel
Save