html/css/js/png file additions

max
Max 5 years ago
parent b28a976768
commit d16702fb9e
  1. BIN
      op25/gr-op25_repeater/www/images/1x1.png
  2. 44
      op25/gr-op25_repeater/www/www-static/index.html
  3. 5
      op25/gr-op25_repeater/www/www-static/main.css
  4. 230
      op25/gr-op25_repeater/www/www-static/main.js

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(&quot;status&quot;);" href=""></input>
&nbsp;&nbsp;|&nbsp;&nbsp;
<input type="button" name="plot" value="PLOT" onclick="javascript:f_select(&quot;plot&quot;);"></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(&quot;skip&quot;);"></input>
<input type="button" name="hold" value="HOLD" onclick="javascript:f_scan_button(&quot;hold&quot;);"></input>
<input type="button" name="lockout" value="LOCKOUT" onclick="javascript:f_scan_button(&quot;lockout&quot;);"></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>
&copy;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 = "&nbsp;";
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…
Cancel
Save