ashie/elstat
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

static: make this 10x better

Browse source
This commit is contained in:
S Stewart 2018-06-12 14:38:49 -05:00
parent fe9314c8a0
commit 60afba8ece
1 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
static/index.html
View file

@ -1,9 +1,26 @@
<html>
<head>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<style>
body { background-color: #ddd; }
p {
font-size: 15pt;
text-align: center;
font-family: sans-serif;
font-size: 13pt;
}
#pretty-box {
padding-left: 5px;
max-width: 500px;
max-height: 250px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #eee;
border-radius: 15px;
}
</style>
<script>
@ -20,7 +37,8 @@
}
function genText(data) {
base = `${data.description} - status: ${data.status}`;
base = `${data.description}`;
base += ` [${data.status ? "online" : "offline"}]`;
if('latency' in data) {
base += ` - latency: ${data.latency} ms`;
@ -30,6 +48,7 @@
}
function curStatHandler(text) {
let box = document.getElementById('pretty-box');
let payload = JSON.parse(text);
for(const service in payload) {
@ -43,7 +62,7 @@
element.id = elementId;
element.innerText = genText(data);
document.body.appendChild(element);
box.appendChild(element);
} else {
existingElement.innerText = genText(data);
}
@ -67,6 +86,8 @@
</head>
<body>
<div id="pretty-box">
</div>
</body>
</html>