www rc2-final

master
Max 2 years ago
parent aec5a8012c
commit 180a4dec97
  1. BIN
      op25/gr-op25_repeater/www/images/csv.png
  2. BIN
      op25/gr-op25_repeater/www/images/cx-lite.png
  3. BIN
      op25/gr-op25_repeater/www/images/cx.png
  4. BIN
      op25/gr-op25_repeater/www/images/da.png
  5. BIN
      op25/gr-op25_repeater/www/images/da2.png
  6. 0
      op25/gr-op25_repeater/www/images/favicon.ico
  7. BIN
      op25/gr-op25_repeater/www/images/loading.gif
  8. BIN
      op25/gr-op25_repeater/www/images/search.png
  9. BIN
      op25/gr-op25_repeater/www/images/sort_asc.png
  10. BIN
      op25/gr-op25_repeater/www/images/sort_asc_disabled.png
  11. BIN
      op25/gr-op25_repeater/www/images/sort_both.png
  12. BIN
      op25/gr-op25_repeater/www/images/sort_desc.png
  13. BIN
      op25/gr-op25_repeater/www/images/sort_desc_disabled.png
  14. 116
      op25/gr-op25_repeater/www/www-static/alias-edit.html
  15. 616
      op25/gr-op25_repeater/www/www-static/config.js
  16. 1247
      op25/gr-op25_repeater/www/www-static/editor.js
  17. 125
      op25/gr-op25_repeater/www/www-static/help.html
  18. 1248
      op25/gr-op25_repeater/www/www-static/index.html
  19. 70
      op25/gr-op25_repeater/www/www-static/jquery.alerts.css
  20. 268
      op25/gr-op25_repeater/www/www-static/jquery.alerts.js
  21. 10881
      op25/gr-op25_repeater/www/www-static/jquery.js
  22. 842
      op25/gr-op25_repeater/www/www-static/main.css
  23. 3627
      op25/gr-op25_repeater/www/www-static/main.js
  24. 507
      op25/gr-op25_repeater/www/www-static/spectrum.css
  25. 2341
      op25/gr-op25_repeater/www/www-static/spectrum.js
  26. 112
      op25/gr-op25_repeater/www/www-static/tsv-edit.html
  27. 66
      op25/gr-op25_repeater/www/www-static/tsv-help.html

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 201 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 B

@ -0,0 +1,116 @@
<!--
Copyright 2017, 2018 Max H. Parke KA1RBI
Copyright 2021 Michael Rose
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.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>OP25 - Edit System Site Alias</title>
<script src="jquery.js"></script>
<script src="editor.js"></script>
<script src="main.js"></script>
<script src="config.js"></script>
<script src="jquery.alerts.js"></script>
<link rel="stylesheet" type="text/css" id="style" href="main.css">
</head>
<body onload="javascript:tsv_onload();">
<a href="#" name="top"></a>
<div class="tsv-controls">
<!-- <table style="width: 705px; border-collapse: collapse; border: 0px solid var(~~bg-color);"> -->
<table class="tsv">
<tr colspan="2">
<td>
<div id="title" class="nac" style="font-weight: normal;">Editor - OP25</div>
</td>
<td>
<p align="right"><a href="#" onclick="window.close();" style="text-decoration: none;" title="Close">&#x274C;</a></p>
</td>
</tr>
<tr>
<td>
<button onclick="this.blur(); beginAlias();" id="btnLoad" title="Load from Server">Load</button>&nbsp;&nbsp;
<button onclick="this.blur(); saveAliasTable();"id="btnSave1" class="saveButton" title="Save to Server">Save</button>&nbsp;&nbsp;
<!--
<button onclick="this.blur(); dispImport();" title="Import TSV or CSV">Import TODO</button>&nbsp;&nbsp;
<button onclick="tsv_csv();" title="Export as CSV">Export TODO</button>
-->
</td>
<td align='right'>
<span class="label">Status: </span>
<span id="message" class="value">Ready</span>
<img src="loading.gif" style="height: 15px;" id="loading">
</td>
</tr>
</table>
<br>
<input type="text" id="searchInput" style="width: 643px;" onkeyup="searchTsvTable()" placeholder="Filter" title="Search">
<div id="csv-upload" style="display: none;">
<table class=editor><th colspan="2">Import Data</th>
<tr><td>
<span class="label"> Select a CSV or TSV file to import. <br><br>
<input type="file" id="csvfile" name="filename">&nbsp;&nbsp;
<!-- <button id="importnow" onclick="this.blur(); importNow();">Import Now</button> -->
</td>
<td style="width: 100px; text-align: center;">
<button onclick="document.getElementById('csvfile').value='';" style="width: 80px;"> Reset </button><br>
<button onclick="this.blur(); hideImport();" style="width: 80px;"> Cancel </button>
</td>
</tr>
</table>
<br><br>
</div>
</div>
<div id="save-div">
<br>&nbsp;&nbsp;
<!-- <button onclick="saveTable();"id="btnSave" class="saveButton">Save Talkgroups</button>&nbsp;&nbsp;<br>&nbsp;&nbsp; -->
<!-- <button onclick="window.location.href='#top;'"id="btnSave" class="saveButton">Top</button>&nbsp;&nbsp;<br>&nbsp; -->
</div>
<div id="main"></div>
<!-- Main Content Area -->
<div class="footer">
&nbsp;<br><button onclick="saveAliasTable();"id="btnSave2" class="saveButton">Save Talkgroups</button>
&nbsp;
&nbsp;
<button onclick="deleteSys()">Delete System</button>
&nbsp;
&nbsp;
<button onclick="up();">Go to Top</button>&nbsp;&nbsp;&nbsp;
<!-- <button onclick="tsv_csv();">Export as CSV</button>&nbsp;&nbsp;&nbsp; -->
<button onclick="this.blur(); help();" class="btnHelp">Help</button>&nbsp;&nbsp;
<button onclick="window.close();">Close</button>
<br>
</div>
<div style="display: none;"> <!-- placeholder for the color values -->
<span id="loadSettings"></span>
<input type="color" class="accColor" id="acc1"></input>
<input type="color" class="accColor" id="acc2"></input>
<input type="color" class="valColor" id="valColor">
<input type="color" class="sysColor" id="sysColor"></input>
<input type="color" class="btnColor" id="btnColor"></input>
</div>
</body>
</html>

@ -0,0 +1,616 @@
// Copyright 2017, 2018, 2019, 2020, 2021 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.
// Functions related to Online Config
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');
var mytbl = find_parent(ele, 'TABLE');
amend_d(myrow, mytbl, command);
}
function edit_freq(freq, to_ui) {
var MHZ = 1000000;
if (to_ui) {
var f = freq / MHZ + '';
if (f.indexOf('.') == -1)
f += '.0';
return f;
} else {
var f = parseFloat(freq);
if (freq.indexOf('.'))
f *= MHZ;
return Math.round(f);
}
}
function edit_d(d, to_ui) {
var new_d = {};
var hexints = {
'nac': 1
};
var ints = {
'if_rate': 1,
'ppm': 1,
'rate': 1,
'offset': 1,
'nac': 1,
'logfile-workers': 1,
'decim-amt': 1,
'seek': 1,
'hamlib-model': 1
};
var bools = {
'active': 1,
'trunked': 1,
'rate': 1,
'offset': 1,
'phase2_tdma': 1,
'phase2-tdma': 1,
'wireshark': 1,
'udp-player': 1,
'audio-if': 1,
'tone-detect': 1,
'vocoder': 1,
'audio': 1,
'pause': 1
};
var floats = {
'costas-alpha': 1,
'gain-mu': 1,
'calibration': 1,
'fine-tune': 1,
'gain': 1,
'excess-bw': 1,
'offset': 1,
'excess_bw': 1
};
var lists = {
'blacklist': 1,
'whitelist': 1,
'cclist': 1
};
var freqs = {
'frequency': 1,
'cclist': 1
};
for (var k in d) {
if (!to_ui) {
if (d[k] == 'None')
new_d[k] = '';
else
new_d[k] = d[k];
if (k == 'plot' && !d[k].length)
new_d[k] = null;
if (k in ints) {
new_d[k] = parseInt(new_d[k]);
} else if (k in floats) {
new_d[k] = parseFloat(new_d[k]);
} else if (k in lists) {
var l = [];
if (new_d[k].length)
l = new_d[k].split(',');
if (k in freqs && new_d[k].length) {
var new_l = [];
for (var i in l)
new_l.push(edit_freq(l[i], to_ui));
new_d[k] = new_l;
} else {
new_d[k] = l;
}
} else if (k in freqs) {
new_d[k] = edit_freq(new_d[k], to_ui);
}
} else {
if (k in hexints) {
if (d[k] == null)
new_d[k] = '0x0';
else
new_d[k] = '0x' + d[k].toString(16);
} else if (k in ints) {
if (d[k] == null)
new_d[k] = '';
else
new_d[k] = d[k].toString(10);
} else if (k in lists) {
if (k in freqs) {
var new_l = [];
for (var i in d[k]) {
new_l.push(edit_freq(d[k][i], to_ui));
}
new_d[k] = new_l.join(',');
} else {
if (!d[k] || !d[k].length)
new_d[k] = [];
else
new_d[k] = d[k].join(',');
}
} else if (k in freqs) {
new_d[k] = edit_freq(d[k], to_ui);
} else {
new_d[k] = d[k];
}
}
}
return new_d;
}
function edit_l(cfg, to_ui) {
var new_d = {
'devices': [],
'channels': []
};
for (var device in cfg['devices'])
new_d['devices'].push(edit_d(cfg['devices'][device], to_ui));
for (var channel in cfg['channels'])
new_d['channels'].push(edit_d(cfg['channels'][channel], to_ui));
new_d['backend-rx'] = edit_d(cfg['backend-rx'], to_ui);
return new_d;
}
function amend_d(myrow, mytbl, command) {
var trunk_row = null;
if (mytbl.id == 'chtable')
trunk_row = find_next(myrow, 'TR');
if (command == 'delete') {
var ok = confirm('Confirm delete');
if (ok) {
myrow.parentNode.removeChild(myrow);
if (mytbl.id == 'chtable')
trunk_row.parentNode.removeChild(trunk_row);
}
} else if (command == 'clone') {
var newrow = myrow.cloneNode(true);
newrow.id = find_free_id('id_');
if (mytbl.id == 'chtable') {
var newrow2 = trunk_row.cloneNode(true);
newrow2.id = 'tr_' + newrow.id.substring(3);
if (trunk_row.nextSibling) {
myrow.parentNode.insertBefore(newrow2, trunk_row.nextSibling);
myrow.parentNode.insertBefore(newrow, trunk_row.nextSibling);
} else {
myrow.parentNode.appendChild(newrow);
myrow.parentNode.appendChild(newrow2);
}
} else {
if (myrow.nextSibling)
myrow.parentNode.insertBefore(newrow, myrow.nextSibling);
else
myrow.parentNode.appendChild(newrow);
}
} else if (command == 'new') {
var newrow = null;
var parent = null;
var pfx = 'id_';
if (mytbl.id == 'chtable') {
newrow = document.getElementById('chrow').cloneNode(true);
parent = document.getElementById('chrow').parentNode;
} else if (mytbl.id == 'devtable') {
newrow = document.getElementById('devrow').cloneNode(true);
parent = document.getElementById('devrow').parentNode;
} else if (mytbl.className == 'tgtable') {
newrow = mytbl.querySelector('.tgrow').cloneNode(true);
parent = mytbl.querySelector('.tgrow').parentNode;
pfx = 'tg_';
} else {
return null;
}
newrow.style['display'] = '';
newrow.id = find_free_id(pfx);
parent.appendChild(newrow);
if (mytbl.id == 'chtable') {
var newrow2 = document.getElementById('trrow').cloneNode(true);
newrow2.id = 'tr_' + newrow.id.substring(3);
parent.appendChild(newrow2);
}
return newrow;
}
}
function f_save_list(ele) {
var flist = [];
for (var nac in enable_status) {
if (enable_status[nac])
flist.push(nac.toString(10));
}
if (flist.length == 0) {
jAlert('Cannot disable all NACs - request ignored.', 'Warning');
}
document.getElementById('save_list_row').style['display'] = 'none';
enable_changed = false;
send_command('settings-enable', flist.join(','));
}
function f_enable_changed(ele, nac) {
enable_status[nac] = ele.checked;
enable_changed = true;
document.getElementById('save_list_row').style['display'] = '';
}
function config_list(d) {
var html = '';
html += '<select id="config_select" name="cfg-list">';
for (var file in d['data']) {
html += '<option value="' + d['data'][file] + '">' + d['data'][file] + '</option>';
}
html += '<option value="New Configuration">New Configuration</option>';
html += '</select>';
document.getElementById('cfg_list_area').innerHTML = html;
}
function config_data(d) {
var cfg = edit_l(d['data'], true);
open_editor();
var chtable = document.getElementById('chtable');
var devtable = document.getElementById('devtable');
var chrow = document.getElementById('chrow');
var devrow = document.getElementById('devrow');
for (var device in cfg['devices'])
rollup_row('dev', amend_d(devrow, devtable, 'new'), cfg['devices'][device]);
for (var channel in cfg['channels'])
rollup_row('ch', amend_d(chrow, chtable, 'new'), cfg['channels'][channel]);
rollup_rx_rows(cfg['backend-rx']);
}
function open_editor() {
document.getElementById('edit_settings').style['display'] = '';
var rows = document.querySelectorAll('.dynrow');
var ct = 0;
for (var r in rows) {
var row = rows[r];
ct += 1;
if (row.id && (row.id.substring(0, 3) == 'id_' || row.id.substring(0, 3) == 'tr_')) {
row.parentNode.removeChild(row);
}
}
var oldtbl = document.getElementById('rt_1');
if (oldtbl)
oldtbl.parentNode.removeChild(oldtbl);
var tbl = document.getElementById('rxopt-table');
var newtbl = tbl.cloneNode(true);
newtbl.id = 'rt_1';
newtbl.style['display'] = '';
var rxrow = newtbl.querySelector('.rxrow');
var advrow = newtbl.querySelector('.advrow');
rxrow.id = 'rx_1';
advrow.id = 'rx_2';
if (tbl.nextSibling)
tbl.parentNode.insertBefore(newtbl, tbl.nextSibling);
else
tbl.parentNode.appendChild(newtbl);
}
function find_next(e, tag) {
var n = e.nextSibling;
for (var i = 0; i < 25; i++) {
if (n == null)
return null;
if (n.nodeName == tag)
return n;
n = n.nextSibling;
}
return null;
}
function find_free_id(pfx) {
for (var seq = 1; seq < 5000; seq++) {
var test_id = pfx + seq;
var ele = document.getElementById(test_id);
if (!ele)
return test_id;
}
return null;
}
function f_trunked(e) {
var row = find_parent(e, 'TR');
var trrow = document.getElementById('tr_' + row.id.substring(3));
trrow['style']['display'] = e.checked ? '' : 'none';
}
function read_write_sel(sel_node, def) {
var result = [];
var elist = sel_node.querySelectorAll('option');
for (var e in elist) {
var ele = elist[e];
if (def) {
if (!def[sel_node.name])
return;
var options = def[sel_node.name].split(',');
var opts = {};
for (var o in options)
opts[options[o]] = 1;
if (ele.value in opts)
ele.selected = true;
else
ele.selected = false;
} else {
if (ele.selected)
result.push(ele.value);
}
}
if (!def)
return result.join();
}
function read_write(elist, def) {
var result = {};
for (var e in elist) {
var ele = elist[e];
if (ele.nodeName == 'INPUT') {
if (ele.type == 'text')
if (def)
ele.value = def[ele.name];
else
result[ele.name] = ele.value;
else if (ele.type == 'checkbox')
if (def)
ele.checked = def[ele.name];
else
result[ele.name] = ele.checked;
} else if (ele.nodeName == 'SELECT') {
if (def)
read_write_sel(ele, def);
else
result[ele.name] = read_write_sel(ele, def);
}
}
if (!def)
return result;
}
function rollup_row(which, row, def) {
var elements = Array.from(row.querySelectorAll('input,select'));
if (which == 'ch') {
var trrow = document.getElementById('tr_' + row.id.substring(3));
var trtable = trrow.querySelector('table.trtable');
elements = elements.concat(Array.from(trtable.querySelectorAll('input,select')));
if (def)
trrow.style['display'] = def['trunked'] ? '' : 'none';
} else if (which == 'rx') {
var advrow = document.getElementById('rx_2');
elements = elements.concat(Array.from(advrow.querySelectorAll('input,select')));
}
var result = read_write(elements, def);
if (which == 'ch') {
var tgtable = trrow.querySelector('table.tgtable');
var tgrow = trrow.querySelector('tr.tgrow');
if (def) {
for (var k in def['tgids']) {
var val = def['tgids'][k];
var newrow = amend_d(tgrow, tgtable, 'new');
var inputs = newrow.querySelectorAll('input');
read_write(inputs, {
'tg_id': k,
'tg_tag': val
});
}
} else {
var tgids = {};
var rows = tgtable.querySelectorAll('tr.tgrow');
for (var i = 0; i < rows.length; i++) {
if (rows[i].id == null || rows[i].id.substring(0, 3) != 'tg_')
continue;
var inputs = rows[i].querySelectorAll('input');
var vals = read_write(inputs, null);
tgids[vals['tg_id']] = vals['tg_tag'];
}
result['tgids'] = tgids;
}
}
if (!def)
return result;
}
function rollup(which, def) {
var result = [];
var mytbl = document.getElementById(which + 'table');
var elements = mytbl.querySelectorAll('.dynrow');
for (var e in elements) {
var row = elements[e];
if (row.id != null && row.id.substring(0, 3) == 'id_')
result.push(rollup_row(which, row, def));
}
if (!def)
return result;
}
function rollup_rx_rows(def) {
return rollup_row('rx', document.getElementById('rx_1'), def);
}
function f_save() {
var name = document.getElementById('config_name');
if (!name.value) {
alert('Name is required');
name.focus();
return;
}
if (name.value == 'New Configuration') {
alert("'" + name.value + "' is a reserved name, please retry");
name.value = '';
name.focus();
return;
}
var cfg = {
'devices': rollup('dev', null),
'channels': rollup('ch', null),
'backend-rx': rollup_rx_rows(null)
};
cfg = edit_l(cfg, false);
var request = {
'name': name.value,
'value': cfg
};
send_command('config-save', request);
f_list();
}
function f_list() {
var inp = document.getElementById('include_tsv');
send_command('config-list', inp.checked ? 'tsv' : '');
}
function f_start() {
var sel = document.getElementById('config_select');
if (!sel)
return;
var val = read_write_sel(sel, null);
if (!val || val == 'New Configuration') {
alert('You must select a valid configuration to start');
return;
}
if (val.indexOf('[TSV]') >= 0) {
alert('TSV files not supported. First, invoke "Edit"; inspect the resulting configuration; then click "Save".');
return;
}
send_command('rx-start', val);
}
function f_stop() {
send_command('rx-stop', '');
}
function f_load() {
var sel = document.getElementById('config_select');
if (!sel)
return;
var val = read_write_sel(sel, null);
if (!val) {
alert('You must select a configuration to edit');
return;
}
if (val == 'New Configuration') {
open_editor();
} else {
send_command('config-load', val);
var ele = document.getElementById('config_name');
ele.value = val;
}
}
function show_advanced(o) {
var tbl = find_parent(o, 'TABLE');
var row = tbl.querySelector('.advrow');
toggle_show_hide(o, row);
}
function toggle_show_hide(o, ele) {
if (o.value == 'Show') {
o.value = 'Hide';
ele.style['display'] = '';
} else {
o.value = 'Show';
ele.style['display'] = 'none';
}
}
function f_tags(o) {
var mydiv = find_parent(o, 'DIV');
var tbl = mydiv.querySelector('.tgtable');
toggle_show_hide(o, tbl);
}
// communicate w/ HTTP server functions
function http_req_cb() {
req_cb_count += 1;
s = http_req.readyState;
if (s != 4) {
nfinal_count += 1;
return;
}
if (http_req.status != 200) {
n200_count += 1;
return;
}
r200_count += 1;
dispatch_commands(http_req.responseText);
}
function send_command(command, data) {
var d = {
'command': command,
'data': data
};
send(d);
}
function send(d) {
request_count += 1;
if (send_queue.length >= SEND_QLIMIT) {
send_qfull += 1;
send_queue.unshift();
}
send_queue.push(d);
send_process();
}
function send_process() {
s = http_req.readyState;
if (s != 0 && s != 4) {
send_busy += 1;
return;
}
http_req.open('POST', '/');
http_req.onreadystatechange = http_req_cb;
http_req.setRequestHeader('Content-type', 'application/json');
cmd = JSON.stringify(send_queue);
send_queue = [];
http_req.send(cmd);
}
function save_tsv(command, data, file) {
var d = {
'command': command,
'data': data,
'file': file
};
send(d);
}
// command, data
function reload_tsv(data) { // commands OP25 to reload the tsv talkgroup/source tag data
console.log('sending reload command...');
var command = "reload_tags";
var d = {
'command': command,
'data': data
};
send(d);
}

File diff suppressed because it is too large Load Diff

@ -0,0 +1,125 @@
<h2 class='nac'>Keyboard Shortcuts</h2>
<p>These keyboard shortcuts are used throughout the UI on any tab and allow available information to be displayed in a variety of ways.</p>
G - Go To<br>
L - Lockout<br>
H - Hold<br>
S - Skip/Scan<br>
V - View (light/dark toggle)<br>
R - RX Screen<br>
J - Home Screen<br>
M - Minify<br>
P - Show / Hide Plots<br>
A - Show / Hide Adjacent Sites<br>
B - Set display text BOLD<br>
N - Set display text NORMAL<br>
1 - Show / Hide Call History<br>
2 - Show / Hide Events<br>
3 - Show / Hide Logs Block<br>
4 - Show / Hide Channel ID Band Plan<br>
0 - Show / Hide Main Display<br><br>
<div align="center"><h2 class='nac'>Home Tab</h2></div>
The Home tab contains:
<h3>Main Display</h3>
<p>
<b>List of systems included in the trunk.tsv file.</b> Each of these may be enabled or disabled. The last time a
TSBK was received and total TSBKs received since OP25 was started is also displayed. Under the Alias column
there can be as many as 3 links shown, TA, SRC, SA, for Talkgroup Alias, Source ID Alias, and Site Alias,
respectively. See the Editors section below.
</p>
<p><b>Plots</b> - Plots are displayed if defined in the config files.</p>
<p>Blocks from the RX Tab may be added to this display using the keyboard shortcuts.</p>
<div align="center"><h2 class='nac'>Config Tab</h2></div>
<p><span class="value">UI Display Mode Toggle:</span> Set the theme to light or dark. Default is dark.</p>
<p><span class="value">System Font Size: </span> The front size of the System Name in the Main Display.</p>
<p><span class="value">Talkgroup Font Size: </span> The font size of the Talkgroup Name in the Main Display.</p>
<p><span class="value">Main Display Font Style (Normal / Bold): </span> System and Talkgroup Name normal or bold selection in the Main Display.</p>
<p><span class="value">Animation Speed:</span> UI animation of transitions between tabs. Set to 0 to turn off.</p>
<p><span class="value">Color Code for Unknown Talkgroups:</span> Talkgroups which do not appear in the talkgroup tag id list will be assigned this color code.</p>
<p><span class="value">Max Display String Length:</span> Talkgroup names will be truncated beyond this number of characters.</p>
<p><span class="value">Show Adjacent Sites on RX Tab:</span> Adjacent Sites will be shown on the RX tab.</p>
<p><span class="value">Show Trailing Zeros on Frequencies:</span> Zeros will be appended so all frequencies appear with 5 characters after the decimal.</p>
<p><span class="value">Use TG Colors on Main Display - System / Talkgroup:</span> When selected, the color code for the talkgroup will be applied to the system and/or talkgroup elements in the Main Display.</p>
<p><span class="value">Show Band Plan on RX Screen: </span> The band plan advertised by the control channel will be displayed on the RX tab for each active system.</p>
<p><span class="value">Exclude Encrypted Calls from Call History: </span> Encrypted calls will be excluded from the Call History log.</p>
<p><span class="value">Show Timeslots in Call History Log: </span> When selected TDMA timeslots will be shown in the Call History Log, “Svc” column. See RX Tab, below.</p>
<p><span class="value">Use SmartColors: </span> SmartColors searches the Talkgroup Tag string for each item in the list and applies the color on a match. Colors defined in the Talkgroup tag config file take priority over SmartColors. Entries in these fields are case-insensitive.</p>
<p><span class="value">UI Colors:</span> colors of the UI elements may be changed as follows:</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tag Colors Editor - Access the Tag Colors Editor</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Accent 1 and 2 - the “fade” effect behind the Main Display</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Values - Values presented in the Main Display, System Information Table, and elsewhere</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;System / Talkgroup - The color of the System Name text and Talkgroup Tag text when “Use TG in Main Display” options are unchecked.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Buttons - Button text color (all)</p>
<p><span class="value">Log Events in Browser:</span> Selected events will be logged in the browser. These options do not affect server-side logging. The available options are:</p>
<p><span class="value">Control Channel Events (CC)</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Joins - subscriber joins the talkgroup</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Login / Logout - subscriber logs into or out of the system</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Calls - a voice chanel grant</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Denials - a voice channel request was denied</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Change Frequency (CF) - these events are used to update the Main Display</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Trunk Update (TU) - these events are used to update Active Frequencies table and system information displays</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;RX Update (RX) - these events update the plot images, fine tune, and error data (if present, rx.py only)</p>
<p>Some Control Channel Event opcodes are received and displayed by the UI but cannot be logged (e.g. Adjacent Sites or Identifier Update). The last three of these are mostly useful for debugging and troubleshooting and typically should remain off.</p>
<p><span class="value">Number of Rows in Log Tables</span> - The maximum number of rows allowed for each of the Call History, Events, and Error Tracking (if enabled) tables. Default is 2,500. This setting does not apply to the server-side OP25 SQL logging -- only the browser logs.</p>
<p><span class="value">Save and Load Display Settings</span> - Changes made on the Config tab should be saved by clicking Save Display Settings. These saved settings will be applied next time OP25 Web UI is started. Load Display Settings will reload the settings on the server, overwriting the current contents of the Config tab. Changes made with keyboard shortcuts will not persist beyond the session.</p>
<h2 class='nac'>RX Tab</h2>
<p><span class="value">Main Display</span>Display showing active system, talkgroup, frequency, source ID, encryption status.</p>
<p><span class="value">Site Information</span> - Each active system</p>
<p><span class="value">Active Frequency Table</span> - Double click elements in these tables to access the editors.</p>
<p><span class="value">Call History</span> - Logs channel grants as seen on the control channel. Click the Call History Magnifying Glass to pop open a searchable table. FIlter by any column. Export the table as CSV by clicking the CSV icon. The “Svc” column displays timeslot, encrypted status, and the priority when that information is pertinent. Example: “S1 Ø 4” = Slot 1, Encrypted, Pri 4. “XP” in this column means patched talkgroup, or crosspatch.</p>
Events - Logs Control Channel events, and application events as selected in the Config tab. Click the Events Magnifying Glass to pop open a searchable table. FIlter by any column. Export the table as CSV by clicking the CSV icon.</p>
Error Tracking (if enabled in command line option -X): Logs the error tracking data when enabled in the command line used to start OP25. The same filter and export options are available.</p>
Click the triangles to the right of each table to expand, retract and hide that table.</p>
<div align="center"><h2 class='nac'>View tab</h2></div>
<p>Toggle Dark / Light Display</p>
<div align="center"><h2 class='nac'>Popout</h2></div>
<p>Pops open the app in a new window with minimal browser UI.</p>
<div align="center"><h2 class='nac'>About</h2></div>
<p>Well, information about the app is here.</p>
<div align="center"><h2 class='nac'>Talkgroup Editor, Source ID Editor, Site Alias Editor <br> and Colors Editor</h2></div>
<h3>Talkgroup and Source ID Editors</h3>
<p>These editors allow changes and additions to the talkgroup tags tsv file and the source ID tags tsv files. These files are specified in the trunk.tsv configuration file in the “TGID Tags File” field. Both files are supplied in the same field, separated by a comma. For example: “talkgroups.tsv,sources.tsv”</p>
<p>To access the Talkgroup Editor or Source ID Editor, double click on the talkgroup ID, talkgroup tag, source ID, or source ID tag in the Active Frequency Table or the Call History Table. Alternatively, click the TG or SRC link on the Home tab for the desired active system.</p>
<p>The talkgroup and source ID editors have an import and export as CSV or TSV function. The import function accepts a 3 column comma-separated values or tab separated values file:</p>
<p>ID&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TAG&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PRI/COLOR</p>
<p>Any columns beyond the third are ignored.</p>
<p>ID is a decimal value.</p>
<p>TAG is an alphanumeric tag.</p>
<p>PRI/COLOR is:</p>
<p>For Talkgroups IDs: a 3 digit decimal value 0 through 999 where the first digit represents the priority and the last two represent the color code (see Colors Editor, below).</p>
<p>For Source IDs: a 2 digit decimal value 0-99 matching the color map (see Color Editor).</p>
<p>The Export function may be used to bring the file out to a text or spreadsheet editor, save, and import back into OP25.</p>
<p>Use the Filter box to search/filter the data.</p>
<p>To create a new entry, complete the required 3 fields and click Add New. The new entry will appear in the table. Click Save to commit or the Red X to Delete.</p>
<p>To Delete an entry, click the red X to the right. Confirm the delete. Click Save to commit.</p>
<p>Click on Help in the editors for information on using wildcard matching.</p>
<h3>Site Alias Editor</h3>
<p>The Site Alias editor allows a friendly name to be supplied for each site in a system. This is currently used in the System Information table on the RX Tab and in the Adjacent Sites table. The Site Alias editor is accessed by clicking on the SA link on the Home tab. The Site Alias editor allows editing of the site names for the active system, or any other system in the file. New lists can be created by clicking Change > Add New…</p>
<h3>Color Editor</h3>
<p>Talkgroups Tags and Source IDs can be assigned a color value 0-99 in the Talkgorup Editor and Source ID Editor. The Colors Editor allows you to change/modify those 100 colors. The Colors Editor is accessed on the Config tab, Tag Colors Editor. The “blink” function can be squarely blamed on Max.</p>
---
<p>Changes made in the editors take a few seconds to apply in the UI. Click Save when finished or the changes will be abandoned. Click Load to reload the saved values and overwrite all edits in the table. Additional information for the editors is available by clicking Help in the editor.</p>

File diff suppressed because it is too large Load Diff

@ -0,0 +1,70 @@
/* Custom dialog styles */
#popup_title {
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 1.75em;
color: #FFFFFF;
background: #006699;
border: solid 1px #006699;
border-bottom: solid 1px #006699;
cursor: default;
padding: 0em;
margin: 0em;
}
#popup_container {
font-family: AntipastoRegular, sans-serif;
font-size: 14px;
min-width: 300px; /* Dialog will be no smaller than this */
max-width: 600px; /* Dialog will wrap after this width */
background: #FFFFFF;
border: solid 5px #006699;
color: #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#popup_content {
/*background: 16px 16px no-repeat url(images/info.gif);*/
padding: 1em 1.75em;
margin: 0em;
}
/*
#popup_content.alert {
background-image: url(images/info.gif);
}
#popup_content.confirm {
background-image: url(images/important.gif);
}
#popup_content.prompt {
background-image: url(images/help.gif);
}
*/
#popup_message {
/*padding-left: 10px;*/
margin:0px auto;
}
#popup_panel {
text-align: center;
margin: 1em 0em 0em 1em;
}
#popup_prompt {
margin: .5em 0em;
}
#popup_container INPUT[type='button'] {
width: 100px;
height: 30px;
border: outset 2px #006699;
color: #FFFFFF;
background: #006699;
}

@ -0,0 +1,268 @@
// jQuery Alert Dialogs Plugin
//
// Version 2.0
//
// Cory S.N. LaViska
// A Beautiful Site (http://abeautifulsite.net/)
// 14 May 2009
//
// Visit http://abeautifulsite.net/notebook/87 for more information
//
// Usage:
// jLoad( message, [title, callback] )
// jAlert( message, [title, callback] )
// jConfirm( message, [title, callback] )
// jPrompt( message, [value, title, callback] )
//
// History:
//
// 1.00 - Released (29 December 2008)
// 1.01 - Fixed bug where unbinding would destroy all resize events
// 2.0 - Released (01 April 2015)
//
// License:
//
// This plugin is dual-licensed under the GNU General Public License and the MIT License and
// is copyright 2008 A Beautiful Site, LLC.
//
(function($) {
$.alerts = {
// These properties can be read/written by accessing $.alerts.propertyName from your scripts at any time
verticalOffset: -75, // vertical offset of the dialog from center screen, in pixels
horizontalOffset: 0, // horizontal offset of the dialog from center screen, in pixels/
repositionOnResize: true, // re-centers the dialog on window resize
overlayOpacity: .01, // transparency level of overlay
overlayColor: '#FFF', // base color of overlay
draggable: true, // make the dialogs draggable (requires UI Draggables plugin)
okButton: '&nbsp;OK&nbsp;', // text for the OK button
cancelButton: '&nbsp;Cancel&nbsp;', // text for the Cancel button
dialogClass: null, // if specified, this class will be applied to all dialogs
// Public methods
alert: function(message, title, callback) {
if( title == null ) title = 'Alert';
$.alerts._show(title, message, null, 'alert', function(result) {
if( callback ) callback(result);
});
},
confirm: function(message, title, callback) {
if( title == null ) title = 'Confirm';
$.alerts._show(title, message, null, 'confirm', function(result) {
if( callback ) callback(result);
});
},
prompt: function(message, value, title, callback) {
if( title == null ) title = 'Prompt';
$.alerts._show(title, message, value, 'prompt', function(result) {
if( callback ) callback(result);
});
},
load: function(message, title, callback) {
if( title == null ) title = 'Load';
$.alerts._show(title, message, null, 'load', function(result) {
if( callback ) callback(result);
});
},
// Private methods
_show: function(title, msg, value, type, callback) {
$.alerts._hide();
$.alerts._overlay('show');
$("BODY").append(
'<div id="popup_container">' +
'<h1 id="popup_title"></h1>' +
'<div id="popup_content">' +
'<div id="popup_message"></div>' +
'</div>' +
'</div>');
if( $.alerts.dialogClass ) $("#popup_container").addClass($.alerts.dialogClass);
// IE6 Fix
//var pos = ($.browser.msie && parseInt($.browser.version) <= 6 ) ? 'absolute' : 'fixed';
var pos = 'fixed';
$("#popup_container").css({
position: pos,
zIndex: 99999,
padding: 0,
margin: 0
});
$("#popup_title").text(title);
$("#popup_content").addClass(type);
$("#popup_message").text(msg);
$("#popup_message").html( $("#popup_message").text().replace(/\n/g, '<br />') );
$("#popup_container").css({
minWidth: $("#popup_container").outerWidth(),
maxWidth: $("#popup_container").outerWidth()
});
$.alerts._reposition();
$.alerts._maintainPosition(true);
switch( type ) {
case 'alert':
$("#popup_message").after('<div id="popup_panel"><input type="button" value="' + $.alerts.okButton + '" id="popup_ok" /></div>');
$("#popup_ok").click( function() {
$.alerts._hide();
callback(true);
});
$("#popup_ok").focus().keypress( function(e) {
if( e.keyCode == 13 || e.keyCode == 27 ) $("#popup_ok").trigger('click');
});
break;
case 'confirm':
$("#popup_message").after('<div id="popup_panel"><input type="button" value="' + $.alerts.okButton + '" id="popup_ok" /> <input type="button" value="' + $.alerts.cancelButton + '" id="popup_cancel" /></div>');
$("#popup_ok").click( function() {
$.alerts._hide();
if( callback ) callback(true);
});
$("#popup_cancel").click( function() {
$.alerts._hide();
if( callback ) callback(false);
});
$("#popup_ok").focus();
$("#popup_ok, #popup_cancel").keypress( function(e) {
if( e.keyCode == 13 ) $("#popup_ok").trigger('click');
if( e.keyCode == 27 ) $("#popup_cancel").trigger('click');
});
break;
case 'prompt':
$("#popup_message").append('<br /><input type="text" size="30" id="popup_prompt" />').after('<div id="popup_panel"><input type="button" value="' + $.alerts.okButton + '" id="popup_ok" /> <input type="button" value="' + $.alerts.cancelButton + '" id="popup_cancel" /></div>');
$("#popup_prompt").width( $("#popup_message").width() );
$("#popup_ok").click( function() {
var val = $("#popup_prompt").val();
$.alerts._hide();
if( callback ) callback( val );
});
$("#popup_cancel").click( function() {
$.alerts._hide();
if( callback ) callback( null );
});
$("#popup_prompt, #popup_ok, #popup_cancel").keypress( function(e) {
if( e.keyCode == 13 ) $("#popup_ok").trigger('click');
if( e.keyCode == 27 ) $("#popup_cancel").trigger('click');
});
if( value ) $("#popup_prompt").val(value);
$("#popup_prompt").focus().select();
break;
case 'load':
$("#popup_message").after('<div id="popup_panel"></div>');
$("#popup_ok").click( function() {
$.alerts._hide();
callback(true);
});
$("#popup_ok").focus().keypress( function(e) {
if( e.keyCode == 13 || e.keyCode == 27 ) $("#popup_ok").trigger('click');
});
break;
}
/*
// Make draggable requires jQuery UI draggables
if( $.alerts.draggable ) {
try {
$("#popup_container").draggable({ handle: $("#popup_title") });
$("#popup_title").css({ cursor: 'move' });
} catch(e) { }
}
*/
},
_hide: function() {
$("#popup_container").remove();
$.alerts._overlay('hide');
$.alerts._maintainPosition(false);
},
_overlay: function(status) {
switch( status ) {
case 'show':
$.alerts._overlay('hide');
$("BODY").append('<div id="popup_overlay"></div>');
$("#popup_overlay").css({
position: 'absolute',
zIndex: 99998,
top: '0px',
left: '0px',
width: '100%',
height: $(document).height(),
background: $.alerts.overlayColor,
opacity: $.alerts.overlayOpacity
});
break;
case 'hide':
$("#popup_overlay").remove();
break;
}
},
_reposition: function() {
var top = (($(window).height() / 2) - ($("#popup_container").outerHeight() / 2)) + $.alerts.verticalOffset;
var left = (($(window).width() / 2) - ($("#popup_container").outerWidth() / 2)) + $.alerts.horizontalOffset;
if( top < 0 ) top = 0;
if( left < 0 ) left = 0;
// IE6 fix
//f( $.browser.msie && parseInt($.browser.version) <= 6 ) top = top + $(window).scrollTop();
$("#popup_container").css({
top: top + 'px',
left: left + 'px'
});
$("#popup_overlay").height( $(document).height() );
},
_maintainPosition: function(status) {
if( $.alerts.repositionOnResize ) {
switch(status) {
case true:
$(window).bind('resize', $.alerts._reposition);
break;
case false:
$(window).unbind('resize', $.alerts._reposition);
break;
}
}
}
}
// Shortuct functions
jAlert = function(message, title, callback) {
$.alerts.alert(message, title, callback);
}
jConfirm = function(message, title, callback) {
$.alerts.confirm(message, title, callback);
};
jPrompt = function(message, value, title, callback) {
$.alerts.prompt(message, value, title, callback);
};
jLoad = function(message, title, callback) {
$.alerts.load(message, title, callback);
}
})(jQuery);
var HideAlert = function() {
$.alerts._hide();
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -0,0 +1,507 @@
/***
Spectrum Colorpicker v1.8.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
position:absolute;
top:0;
left:0;
display:inline-block;
*display: inline;
*zoom: 1;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position:relative;
width: 100%;
display:inline-block;
}
.sp-top-inner {
position:absolute;