mirror of
https://github.com/ShaYmez/HBMonv2.git
synced 2024-11-04 23:31:14 -05:00
209 lines
78 KiB
HTML
209 lines
78 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>HBLink monitor - Monitor</title>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var sock = null;
|
||
|
|
var ellog = null;
|
||
|
|
|
||
|
|
window.onload = function() {
|
||
|
|
var wsuri;
|
||
|
|
|
||
|
|
ellog = document.getElementById('log');
|
||
|
|
moni_table = document.getElementById('moni');
|
||
|
|
|
||
|
|
wsuri = "ws://" + window.location.hostname + ":9000";
|
||
|
|
|
||
|
|
|
||
|
|
if ("WebSocket" in window) {
|
||
|
|
sock = new WebSocket(wsuri);
|
||
|
|
} else if ("MozWebSocket" in window) {
|
||
|
|
sock = new MozWebSocket(wsuri);
|
||
|
|
} else {
|
||
|
|
log("Browser does not support WebSocket!");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (sock) {
|
||
|
|
sock.onopen = function() {
|
||
|
|
log("Connected to " + wsuri);
|
||
|
|
}
|
||
|
|
sock.onclose = function(e) {
|
||
|
|
log("Connection closed (wasClean = " + e.wasClean + ", code = " + e.code + ", reason = '" + e.reason + "')");
|
||
|
|
sock = null;
|
||
|
|
}
|
||
|
|
sock.onmessage = function(e) {
|
||
|
|
var opcode = e.data.slice(0,1);
|
||
|
|
var message = e.data.slice(1);
|
||
|
|
if (opcode == "m") {
|
||
|
|
hblink(message);
|
||
|
|
} else if (opcode == "b") {
|
||
|
|
} else if (opcode == "c") {
|
||
|
|
} else if (opcode == "o") {
|
||
|
|
} else if (opcode == "p") {
|
||
|
|
} else if (opcode == "t") {
|
||
|
|
} else if (opcode == "l") {
|
||
|
|
log(message);
|
||
|
|
} else if (opcode == "q") {
|
||
|
|
log(message);
|
||
|
|
moni_table.innerHTML = "";
|
||
|
|
} else {
|
||
|
|
log("Unknown Message Received: " + message);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
function hblink(_msg) {
|
||
|
|
moni_table.innerHTML = _msg;
|
||
|
|
};
|
||
|
|
|
||
|
|
function log(_msg) {
|
||
|
|
ellog.innerHTML += _msg + '\n';
|
||
|
|
ellog.scrollTop = ellog.scrollHeight;
|
||
|
|
};
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
a:link {
|
||
|
|
color: #0066ff;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* visited link */
|
||
|
|
a:visited {
|
||
|
|
color: #0066ff;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* mouse over link */
|
||
|
|
a:hover {
|
||
|
|
color: hotpink;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
/* selected link */
|
||
|
|
a:active {
|
||
|
|
color: #0066ff;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.tooltip {
|
||
|
|
position: relative;
|
||
|
|
opacity: 1;
|
||
|
|
display: inline-block;
|
||
|
|
border-bottom: 1px dotted black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltip .tooltiptext {
|
||
|
|
visibility: hidden;
|
||
|
|
width: 280px;
|
||
|
|
background-color: #6E6E6E;
|
||
|
|
box-shadow: 4px 4px 6px #800000;
|
||
|
|
color: #FFFFFF;
|
||
|
|
text-align: left;
|
||
|
|
border-radius: 6px;
|
||
|
|
padding: 8px 0;
|
||
|
|
left: 100%
|
||
|
|
opacity: 1;
|
||
|
|
/* Position the tooltip */
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltip:hover .tooltiptext {
|
||
|
|
right: 100%
|
||
|
|
opacity: 1;
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
.button {
|
||
|
|
<<<theme_color>>>
|
||
|
|
border: none;
|
||
|
|
padding: 8px;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
margin: 4px 2px;
|
||
|
|
border-radius: 8px;
|
||
|
|
box-shadow: 0px 8px 10px rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.link {<<<theme_color>>>}
|
||
|
|
.link:hover {background-color:rgb(140,140,140);background: rgb(140,140,140); color:white;}
|
||
|
|
.dropdown:hover .dropbtn {background-color:rgb(140,140,140);background: rgb(140,140,140); color:white;}
|
||
|
|
|
||
|
|
.dropbtn {
|
||
|
|
<<<theme_color>>>
|
||
|
|
border: none;
|
||
|
|
padding: 8px;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
margin: 4px 2px;
|
||
|
|
border-radius: 8px;
|
||
|
|
box-shadow: 0px 8px 10px rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* The container <div> - needed to position the dropdown content */
|
||
|
|
.dropdown {
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Dropdown Content (Hidden by Default) */
|
||
|
|
.dropdown-content {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
background-color: #f1f1f1;
|
||
|
|
min-width: 140px;
|
||
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Links inside the dropdown */
|
||
|
|
.dropdown-content a {
|
||
|
|
color: black;
|
||
|
|
padding: 6px 16px;
|
||
|
|
text-decoration: none;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Change color of dropdown links on hover */
|
||
|
|
.dropdown-content a:hover {background-color: #ddd;}
|
||
|
|
|
||
|
|
/* Show the dropdown menu on hover */
|
||
|
|
.dropdown:hover .dropdown-content {display: block;}
|
||
|
|
|
||
|
|
table, td, th {border: .5px solid #d0d0d0; padding: 2px; border-collapse: collapse; text-align:center;}
|
||
|
|
</style>
|
||
|
|
<meta name="description" content="Copyright (c) 2016, 2017, 2018, 2019.The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2021 (v20201231)" />
|
||
|
|
</head>
|
||
|
|
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
|
||
|
|
<center><div style="width:1250px; text-align: center; margin-top:5px;">
|
||
|
|
<img alt="" src="data:image/png;base64,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
|
||
|
|
</div>
|
||
|
|
<div style="width: 1100px;">
|
||
|
|
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><<<system_name>>></span></p>
|
||
|
|
<p style="text-align:center;"></p>
|
||
|
|
</div>
|
||
|
|
<div style="width: 1100px;">
|
||
|
|
<noscript>You must enable JavaScript</noscript>
|
||
|
|
<p id="moni"></p>
|
||
|
|
</div>
|
||
|
|
<p></p>
|
||
|
|
<!-- LOG monitor -->
|
||
|
|
<div style="width: 1150px; margin-left:0px;">
|
||
|
|
<fieldset style="background-color:#e0e0e0e0;width: 1100px; margin-left:0px;margin-right:0px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
|
||
|
|
<legend><b><font color="#000"> .: Call log window :. </font></b></legend>
|
||
|
|
<pre id="log" style="height: 40em; text-align: left; overflow-y: scroll; font-size:13px; background-color: #000000; color:#b1eee9;"></pre>
|
||
|
|
</fieldset></div>
|
||
|
|
<p style="text-align: center;"><span style="text-align: center;">
|
||
|
|
Copyright (c) 2016-2021<br>The Regents of the <a href=http://k0usy.mystrikingly.com/>K0USY Group</a>. All rights reserved.<br><a href=https://github.com/sp2ong/HBMonv2>Version SP2ONG 2019-2021</a><br><br></span>
|
||
|
|
<!-- THIS COPYRIGHT NOTICE MUST BE DISPLAYED AS A CONDITION OF THE LICENCE GRANT FOR THIS SOFTWARE. ALL DERIVATEIVES WORKS MUST CARRY THIS NOTICE -->
|
||
|
|
<!-- This is version of HBMonitor SP2ONG 2019-2021 (v20201231)-->
|
||
|
|
</p>
|
||
|
|
</center>
|
||
|
|
</body>
|
||
|
|
</html>
|