op25
/
op25
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

html/css/js/png file additions

Browse Source
max
Max 5 years ago
parent b28a976768
commit d16702fb9e
4 changed files with 279 additions and 0 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  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

BIN
op25/gr-op25_repeater/www/images/1x1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 290 B

44
op25/gr-op25_repeater/www/www-static/index.html
Unescape View File

@ -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>

5
op25/gr-op25_repeater/www/www-static/main.css
Unescape View File

@ -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;}

230
op25/gr-op25_repeater/www/www-static/main.js
Unescape View File

@ -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);
}
Write Preview
Loading…
Cancel
Save