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

Merge branch 'websocket-ui'

famtool
Jeff Becker 8 years ago
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
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 33
      websocket-ui/index.html
  2. 29
      websocket-ui/ui.js

33
websocket-ui/index.html
Unescape View File

@ -3,11 +3,36 @@ @@ -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
Unescape View File

@ -1,4 +1,4 @@ @@ -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) { @@ -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) { @@ -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() { @@ -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() { @@ -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() { @@ -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() { @@ -362,3 +377,5 @@ setInterval(function() {
}
tick ++;
}, 100);
logit("loaded");

Write Preview
Loading…
Cancel
Save