add ping.html (from old php project)

2025-08-16 08:32:13 -06:00 · 2025-01-31 18:56:12 +00:00 · 2025-01-31 18:56:12 +00:00 · 7de9d15aef
parent 6a9ffe7e06
commit 7de9d15aef
1 changed files with 179 additions and 0 deletions
--- a/srv/ping.html
+++ b/srv/ping.html
@ -0,0 +1,179 @@
+<!DOCTYPE html><html><head>
+	<meta charset="utf-8">
+	<title>partyping</title>
+<!--
+// ping.html - when icmp is not an option
+// 2014, ed <irc.rizon.net>, MIT-licensed
+// https://github.com/9001/copyparty/blob/hovudstraum/contrib/ping.html
+-->
+	<style>
+html {
+	color: #000;
+	background: #eee;
+	font-family: sans-serif;
+	overflow-x: hidden;
+	overflow-y: scroll;
+}
+#wrap {
+	margin: 0 auto;
+	max-width: 30em;
+	text-align: center;
+}
+table {
+	font-family: monospace, monospace;
+	margin: 1em auto;
+	font-size: 1.5em;
+}
+td {
+	padding: .2em .4em;
+}
+.conf td {
+	text-align: left;
+}
+.conf td:first-child {
+	text-align: right;
+}
+.stats td {
+	padding: .2em .7em;
+	border: 1px solid #bbb;
+	border-width: 0 1px 1px 0;
+}
+#start {
+	width: 100%;
+}
+#log {
+	margin: 2em;
+	font-size: .9em;
+	text-align: left;
+}
+input {
+	font: inherit;
+}
+</style></head><body><div id="wrap">
+	<table class="conf">
+		<tr>
+			<td>interval (msec):</td>
+			<td><input id="delay" type="text" value="1000" size="7" /></td>
+		</tr>
+		<tr>
+			<td>&nbsp;</td>
+			<td><input id="start" type="button" value="start" onclick="okgo();return false" /></td>
+	</table>
+	<table class="stats">
+		<tr>
+			<td>min</td>
+			<td>avg</td>
+			<td>med</td>
+			<td>max</td>
+			<td>jitter</td>
+		</tr>
+		<tr>
+			<td id="min">x</td>
+			<td id="avg">x</td>
+			<td id="med">x</td>
+			<td id="max">x</td>
+			<td id="jit">x</td>
+		</tr>
+	</table>
+	<div id="log">
+		Log goes here
+	</div>
+</div>
+<script>
+
+// ping.html - when icmp is not an option
+// 2014, ed <irc.rizon.net>, MIT-licensed
+// https://github.com/9001/copyparty/blob/hovudstraum/contrib/ping.html
+
+function ebi(k) {
+	return document.getElementById(k);
+}
+var log = [],
+	srt = [],
+	delay,
+	t0 = -1,
+	omin = ebi('min'),
+	omax = ebi('max'),
+	oavg = ebi('avg'),
+	omed = ebi('med'),
+	ojit = ebi('jit'),
+	olog = ebi('log');
+
+function insert(t, v) {
+	var lo = 0, hi = t.length;
+	while (lo < hi) {
+		var mid = Math.floor((lo+hi)/2);
+		if (t[mid] < v)
+			lo = mid + 1;
+		else
+			hi = mid;
+	}
+	t.splice(lo, 0, v);
+}
+function okgo() {
+	if (t0 < 0)
+		ping();
+}
+function ping() {
+	var xh,
+
+	delay = parseInt(ebi('delay').value);
+	if (delay < 100)
+		delay = 100;
+
+	if (window.XMLHttpRequest)
+		xh = new XMLHttpRequest();
+	else
+		xh = new ActiveXObject("Microsoft.XMLHTTP");
+
+	xh.onreadystatechange = function() {
+		if (xh.readyState != 4)
+			return;
+
+		var t = new Date().getTime() - t0,
+			ok = xh.status == 200,
+			rsp = xh.responseText;
+
+		if (ok)
+			ok = rsp.indexOf('o7') === 0;
+
+		if (!ok)
+			alert("ping response invalid or corrupted: " + xh.resp);
+
+		log.push(t);
+		insert(srt, t);
+
+		var min = 9999999,
+			avg = 0,
+			max = 0;
+
+		for (var a=0; a<log.length; a++) {
+			min = Math.min(min, log[a]);
+			max = Math.max(max, log[a]);
+			avg += log[a];
+		}
+		avg /= log.length;
+		var med = srt[Math.floor(srt.length/2)],
+			jofs = Math.floor((5*srt.length)/6),
+			jit = '?';
+
+		if (jofs < srt.length) {
+			jit = srt[jofs] - med;
+			jit = Math.round((jit / med) * 100) + '%';
+		}
+		omin.innerHTML = min;
+		omax.innerHTML = max;
+		oavg.innerHTML = Math.round(avg);
+		omed.innerHTML = med;
+		olog.innerHTML = log.join(', ') + '<br /><br />' + srt.join(', ');
+		setTimeout(ping, delay);
+	};
+	t0 = new Date().getTime();
+	stats.push(t0);
+	xh.open("GET", "/?setck=a=x&ping="+stats.join(","), true);
+	xh.send();
+	olog.innerHTML += '<br /><br />ping...';
+}
+</script>
+</body></html>
+