HBMonv2/info_template.html

233 lines
79 KiB
HTML
Raw Normal View History

2020-12-31 09:18:52 -05:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HBLink monitor - Info</title>
<script type="text/javascript">
var sock = null;
var ellog = null;
window.onload = function() {
var wsuri;
ellog = document.getElementById('log');
info_table = document.getElementById('info');
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 + "')");
main_table.innerHTML = "";
sock = null;
}
sock.onmessage = function(e) {
var opcode = e.data.slice(0,1);
var message = e.data.slice(1);
if (opcode == "t") {
hblink(message);
} else if (opcode == "b") {
} else if (opcode == "c") {
} else if (opcode == "m") {
} else if (opcode == "o") {
} else if (opcode == "p") {
} else if (opcode == "l") {
log(message);
} else if (opcode == "q") {
log(message);
info_table.innerHTML = "";
} else {
log("Unknown Message Received: " + message);
}
}
}
};
function hblink(_msg) {
info_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></p>
</div>
<div style="width: 1100px;">
<noscript>You must enable JavaScript</noscript>
<p id="info"></p>
</div>
<!-- TG table -->
<div style="width: 1100px; margin-left:0px;">
<fieldset style="box-shadow:0 0 10px #999;background-color:#e0e0e0e0; width:1050px;margin-left:15px;margin-right:15px;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">&nbsp;.: Talk Groups :.&nbsp;</font></b></legend>
<table style="margin-top:5px; table-layout:fixed; font: 10pt arial, sans-serif;background-color: #f9f9f9f9;">
<tr style=" height: 32px;font: 10pt arial, sans-serif;border:0;<<<theme_color>>>">
<th style='width: 150px;'>TG#</th>
<th style='width: 80px;'>TS 1</th>
<th style='width: 80px;'>TS 2</th>
<th style='width: 790px;'>Description</th>
</tr>
<tr>
<td>&nbsp;<b>TG 5</b>&nbsp;</td>
<td>&nbsp;<b></b>&nbsp;</td>
<td>&nbsp;<b>D | S</b>&nbsp;</td>
<td>Talk group XLX132-D D-Star/DMR/C4FM.</td>
</tr>
<tr>
<td>&nbsp;<b>TG 9999</b>&nbsp;</td>
<td>&nbsp;<b></b>&nbsp;</td>
<td>&nbsp;<b>D | S</b>&nbsp;</td>
<td>Echo (Parrot).</td>
</tr>
</table>
<br>
<span style="text-align: center;">Hotspot: D - duplex | S - smiplex</span>
</fieldset></div><br>
<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>