html/css/js/png file additions
This commit is contained in:
parent
b28a976768
commit
d16702fb9e
Binary file not shown.
After Width: | Height: | Size: 290 B |
|
@ -0,0 +1,44 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>OP25</title>
|
||||
<link rel="stylesheet" type="text/css" href="main.css">
|
||||
<script src="main.js"></script>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
</head>
|
||||
<body onload="javascript:do_onload();">
|
||||
<input type="button" name="status" value="STATUS" onclick="javascript:f_select("status");" href=""></input>
|
||||
|
|
||||
<input type="button" name="plot" value="PLOT" onclick="javascript:f_select("plot");"></input>
|
||||
<br><hr>
|
||||
<div id="div_status" style="display: none;">
|
||||
<div id="div_s1">
|
||||
Waiting for data
|
||||
</div>
|
||||
<div id="div_s2" style="display: none;">
|
||||
</div>
|
||||
<div id="div_s3" style="display: none;">
|
||||
<form method="post" action="#" id="form_scan">
|
||||
<input type="button" name="skip" value="SKIP" onclick="javascript:f_scan_button("skip");"></input>
|
||||
<input type="button" name="hold" value="HOLD" onclick="javascript:f_scan_button("hold");"></input>
|
||||
<input type="button" name="lockout" value="LOCKOUT" onclick="javascript:f_scan_button("lockout");"></input>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="div_plot" style="display: none;">
|
||||
<img src="1x1.png" id="img0" style="display:none;"><br>
|
||||
<img src="1x1.png" id="img1" style="display:none;"><br>
|
||||
<img src="1x1.png" id="img2" style="display:none;"><br>
|
||||
<img src="1x1.png" id="img3" style="display:none;"><br>
|
||||
</div>
|
||||
<br><hr>
|
||||
©Copyright 2017, 2018 Max H. Parke KA1RBI<p>
|
||||
<font size="-1">
|
||||
This program comes with ABSOLUTELY NO WARRANTY.<br>
|
||||
OP25 is free software, and you are welcome to redistribute it<br>
|
||||
under certain conditions. For further details refer to this link:
|
||||
<a href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">LICENSE</a>
|
||||
</font>
|
||||
<br>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
body {background-color: yellow;}
|
||||
table { border-style: solid; background-color: #00c000; border-collapse: collapse}
|
||||
th {border-style: solid;}
|
||||
td {border-style: solid;}
|
||||
input#s_table_nac {text-align: right;}
|
|
@ -0,0 +1,230 @@
|
|||
|
||||
// Copyright 2017, 2018 Max H. Parke KA1RBI
|
||||
//
|
||||
// This file is part of OP25
|
||||
//
|
||||
// OP25 is free software; you can redistribute it and/or modify it
|
||||
// under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation; either version 3, or (at your option)
|
||||
// any later version.
|
||||
//
|
||||
// OP25 is distributed in the hope that it will be useful, but WITHOUT
|
||||
// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
|
||||
// or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public
|
||||
// License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with OP25; see the file COPYING. If not, write to the Free
|
||||
// Software Foundation, Inc., 51 Franklin Street, Boston, MA
|
||||
// 02110-1301, USA.
|
||||
|
||||
function find_parent(ele, tagname) {
|
||||
while (ele) {
|
||||
if (ele.nodeName == tagname)
|
||||
return (ele);
|
||||
else if (ele.nodeName == "HTML")
|
||||
return null;
|
||||
ele = ele.parentNode;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function f_command(ele, command) {
|
||||
var myrow = find_parent(ele, "TR");
|
||||
if (command == "delete") {
|
||||
var ok = confirm ("Confirm delete");
|
||||
if (ok)
|
||||
myrow.parentNode.removeChild(myrow);
|
||||
} else if (command == "clone") {
|
||||
var newrow = myrow.cloneNode(true);
|
||||
if (myrow.nextSibling)
|
||||
myrow.parentNode.insertBefore(newrow, myrow.nextSibling);
|
||||
else
|
||||
myrow.parentNode.appendChild(newrow);
|
||||
} else if (command == "new") {
|
||||
var mytbl = find_parent(ele, "TABLE");
|
||||
var newrow = null;
|
||||
if (mytbl.id == "chtable")
|
||||
newrow = document.getElementById("chrow").cloneNode(true);
|
||||
else if (mytbl.id == "devtable")
|
||||
newrow = document.getElementById("devrow").cloneNode(true);
|
||||
else
|
||||
return;
|
||||
mytbl.appendChild(newrow);
|
||||
}
|
||||
}
|
||||
|
||||
function f_select(command) {
|
||||
var div_list = ["status", "plot"];
|
||||
for (var i=0; i<div_list.length; i++) {
|
||||
var ele = document.getElementById("div_" + div_list[i]);
|
||||
if (command == div_list[i])
|
||||
ele.style['display'] = "";
|
||||
else
|
||||
ele.style['display'] = "none";
|
||||
}
|
||||
}
|
||||
|
||||
var http_req = new XMLHttpRequest();
|
||||
|
||||
var counter1 = 0;
|
||||
var error_val = null;
|
||||
var current_tgid = null;
|
||||
|
||||
function is_digit(s) {
|
||||
if (s >= "0" && s <= "9")
|
||||
return true;
|
||||
else
|
||||
return false;
|
||||
}
|
||||
|
||||
function rx_update(d) {
|
||||
if (d["files"].length > 0) {
|
||||
for (var i=0; i<d["files"].length; i++) {
|
||||
var img = document.getElementById("img" + i);
|
||||
if (img['src'] != d["files"][i]) {
|
||||
img['src'] = d["files"][i];
|
||||
img.style["display"] = "";
|
||||
}
|
||||
}
|
||||
}
|
||||
error_val = d["error"];
|
||||
}
|
||||
|
||||
function change_freq(d) {
|
||||
var html = "Frequency: " + d['freq'] / 1000000.0;
|
||||
html += " <font size=\"+2\"><b>(" + d['system'] + ")</b></font> ";
|
||||
if (d['tgid'] != null) {
|
||||
html += "Talkgroup ID " + d['tgid'];
|
||||
html += " <font size=\"+2\"><b>(" + d['tag'] + ")</b></font>";
|
||||
}
|
||||
html += "<br>";
|
||||
var div_s2 = document.getElementById("div_s2");
|
||||
div_s2.innerHTML = html;
|
||||
div_s2.style["display"] = "";
|
||||
if (d['tgid'] != null)
|
||||
current_tgid = d['tgid'];
|
||||
if (current_tgid != null) {
|
||||
var div_s3 = document.getElementById("div_s3");
|
||||
div_s3.style["display"] = "";
|
||||
}
|
||||
}
|
||||
|
||||
function adjacent_data(d) {
|
||||
if (Object.keys(d).length < 1) {
|
||||
var html = "";
|
||||
return html;
|
||||
}
|
||||
var html = "<p>";
|
||||
html += "<table border=1 borderwidth=0 cellpadding=0 cellspacing=0>";
|
||||
html += "<tr><th colspan=99 style=\"align: center\">Adjacent Sites</th></tr>";
|
||||
html += "<tr><th>Frequency</th><th>RF Id</th><th>Site Id</th><th>Uplink</th></tr>";
|
||||
var ct = 0;
|
||||
for (var freq in d) {
|
||||
var color = "#d0d0d0";
|
||||
if ((ct & 1) == 0)
|
||||
color = "#c0c0c0";
|
||||
ct += 1;
|
||||
html += "<tr style=\"background-color: " + color + ";\"><td>" + freq / 1000000.0 + "</td><td>" + d[freq]["rfid"] + "</td><td>" + d[freq]["stid"] + "</td><td>" + (d[freq]["uplink"] / 1000000.0) + "</td></tr>";
|
||||
}
|
||||
html += "</table>";
|
||||
return html;
|
||||
}
|
||||
|
||||
function trunk_update(d) {
|
||||
var do_hex = {"syid":0, "sysid":0, "wacn": 0};
|
||||
var do_float = {"rxchan":0, "txchan":0};
|
||||
var html = "";
|
||||
for (var nac in d) {
|
||||
if (!is_digit(nac.charAt(0)))
|
||||
continue;
|
||||
html += "<font size=\"+2\"><b>";
|
||||
html += "NAC " + "0x" + parseInt(nac).toString(16) + " ";
|
||||
html += d[nac]['rxchan'] / 1000000.0;
|
||||
html += " / ";
|
||||
html += d[nac]['txchan'] / 1000000.0;
|
||||
html += " tsbks " + d[nac]['tsbks'];
|
||||
html += "</b></font><br>";
|
||||
html += "WACN " + "0x" + parseInt(d[nac]['wacn']).toString(16) + " ";
|
||||
html += "System ID " + "0x" + parseInt(d[nac]['sysid']).toString(16) + " ";
|
||||
html += "RF ID " + d[nac]['rfid'] + " ";
|
||||
html += "Site ID " + d[nac]['stid'] + "<br>";
|
||||
if (d[nac]["secondary"].length) {
|
||||
html += "Secondary control channel(s): ";
|
||||
for (i=0; i<d[nac]["secondary"].length; i++) {
|
||||
html += d[nac]["secondary"][i] / 1000000.0;
|
||||
html += " ";
|
||||
}
|
||||
html += "<br>";
|
||||
}
|
||||
if (error_val != null) {
|
||||
html += "Frequency error " + error_val + " Hz. (approx)";
|
||||
}
|
||||
html += "<p>";
|
||||
html += "<table border=1 borderwidth=0 cellpadding=0 cellspacing=0>";
|
||||
html += "<tr><th colspan=99 style=\"align: center\">System Frequencies</th></tr>";
|
||||
html += "<tr><th>Frequency</th><th>Last Seen</th><th colspan=2>Talkgoup ID(s)</th><th>Count</th></tr>";
|
||||
var ct = 0;
|
||||
for (var freq in d[nac]['frequency_data']) {
|
||||
tg2 = d[nac]['frequency_data'][freq]['tgids'][1];
|
||||
if (tg2 == null)
|
||||
tg2 = " ";
|
||||
var color = "#d0d0d0";
|
||||
if ((ct & 1) == 0)
|
||||
color = "#c0c0c0";
|
||||
ct += 1;
|
||||
html += "<tr style=\"background-color: " + color + ";\"><td>" + parseInt(freq) / 1000000.0 + "</td><td>" + d[nac]['frequency_data'][freq]['last_activity'] + "</td><td>" + d[nac]['frequency_data'][freq]['tgids'][0] + "</td><td>" + tg2 + "</td><td>" + d[nac]['frequency_data'][freq]['counter'] + "</td></tr>";
|
||||
}
|
||||
html += "</table>";
|
||||
html += adjacent_data(d[nac]['adjacent_data']);
|
||||
}
|
||||
var div_s1 = document.getElementById("div_s1");
|
||||
div_s1.innerHTML = html;
|
||||
}
|
||||
|
||||
function http_req_cb() {
|
||||
s = http_req.readyState;
|
||||
if (s != 4)
|
||||
return;
|
||||
if (http_req.status != 200)
|
||||
return;
|
||||
var dl = JSON.parse(http_req.responseText);
|
||||
var dispatch = {'trunk_update': trunk_update, 'change_freq': change_freq, 'rx_update': rx_update}
|
||||
for (var i=0; i<dl.length; i++) {
|
||||
var d = dl[i];
|
||||
if (!("json_type" in d))
|
||||
continue;
|
||||
if (!(d["json_type"] in dispatch))
|
||||
continue;
|
||||
dispatch[d["json_type"]](d);
|
||||
}
|
||||
}
|
||||
|
||||
function do_onload() {
|
||||
var ele = document.getElementById("div_status");
|
||||
ele.style["display"] = "";
|
||||
setInterval(do_update, 1000);
|
||||
}
|
||||
|
||||
function do_update() {
|
||||
send_command("update", 0);
|
||||
}
|
||||
|
||||
function send_command(command, data) {
|
||||
s = http_req.readyState;
|
||||
if (s != 0 && s != 4) {
|
||||
return;
|
||||
}
|
||||
http_req.open("POST", "/");
|
||||
http_req.onreadystatechange = http_req_cb;
|
||||
http_req.setRequestHeader("Content-type", "application/json");
|
||||
cmd = JSON.stringify( {"command": command, "data": data} );
|
||||
http_req.send(cmd);
|
||||
}
|
||||
|
||||
function f_scan_button(command) {
|
||||
if (current_tgid == null)
|
||||
send_command(command, -1);
|
||||
else
|
||||
send_command(command, current_tgid);
|
||||
}
|
Loading…
Reference in New Issue