Mirrors/i2pd-tools
2
0
Fork 0
mirror of https://github.com/PurpleI2P/i2pd-tools.git synced 2025-01-22 21:37:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'websocket-ui'

Browse source
This commit is contained in:
Jeff Becker 2016-10-21 06:16:52 -04:00
parent 0f3f5c1f18 58d94f2549
commit 189fabc2cc
No known key found for this signature in database
GPG key ID: AB950234D6EA286B
2 changed files with 54 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
websocket-ui/index.html
View file

@ -3,11 +3,36 @@
<title> websocket events </title>
<script type="text/javascript" src="leftpad.js">
</script>
<style>
pre#log {
z-index: 1;
color: white;
position: fixed;
right: 0px;
top: 0px;
height: 100%;
font-size: 10px;
box-shadow: 0px 0px 10px 10px #1a1a1a;
background: rgba(1,1,1,0.5);
border-radius: 5px;
}
body, canvas#main {
background: #222;
}
canvas#main {
position: fixed;
left: 0px;
top: 0px;
z-index: -1;
}
</style>
</head>
<body 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">
<body>
<pre id="log"></pre>
<canvas id="main">
</canvas>
<script type="text/javascript" src="ui.js">
</script>

29
websocket-ui/ui.js
View file

@ -1,4 +1,4 @@
var url = "ws://127.0.0.1:7666";
var url = "ws://127.0.0.1:7665";
var l = document.getElementById("log");
var c = document.getElementById("main");
@ -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);
@ -243,9 +243,12 @@ setInterval(function() {
}
for ( var h in tpeers ) {
if( h == "length") continue;
drawPeer(getPeer(h));
}
var newPeers = {};
var counter = 0;
for ( var ed in e ) {
var edge = e[ed];
draw.beginPath();
@ -253,9 +256,20 @@ setInterval(function() {
draw.lineWidth = edge[3];
draw.moveTo(edge[0].x * c.width, edge[0].y * c.height);
draw.lineTo(edge[1].x * c.width, edge[1].y * c.height);
if(!newPeers[edge[0].name]) {
newPeers[edge[0].name] = edge[0];
counter ++;
}
if(!newPeers[edge[1].name]) {
newPeers[edge[1].name] = edge[1];
counter ++;
}
draw.stroke();
}
newPeers.length = counter;
tpeers = newPeers;
// draw nodes
@ -312,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);
@ -362,3 +377,5 @@ setInterval(function() {
}
tick ++;
}, 100);
logit("loaded");