show decoded aprs messages in the frontend

This commit is contained in:
Jakob Ketterl 2019-09-13 22:29:04 +02:00
parent 311f22f6ba
commit 8d47259f78
3 changed files with 92 additions and 14 deletions

View File

@ -813,23 +813,32 @@ img.openwebrx-mirror-img
display: inline-block; display: inline-block;
} }
#openwebrx-panel-wsjt-message { #openwebrx-panel-wsjt-message,
#openwebrx-panel-packet-message
{
height: 180px; height: 180px;
} }
#openwebrx-panel-wsjt-message tbody { #openwebrx-panel-wsjt-message tbody,
#openwebrx-panel-packet-message tbody
{
display: block; display: block;
overflow: auto; overflow: auto;
height: 150px; height: 150px;
width: 100%; width: 100%;
} }
#openwebrx-panel-wsjt-message thead tr { #openwebrx-panel-wsjt-message thead tr,
#openwebrx-panel-packet-message thead tr
{
display: block; display: block;
} }
#openwebrx-panel-wsjt-message th, #openwebrx-panel-wsjt-message th,
#openwebrx-panel-wsjt-message td { #openwebrx-panel-wsjt-message td,
#openwebrx-panel-packet-message th,
#openwebrx-panel-packet-message td
{
width: 50px; width: 50px;
text-align: left; text-align: left;
padding: 1px 3px; padding: 1px 3px;
@ -848,6 +857,19 @@ img.openwebrx-mirror-img
width: 70px; width: 70px;
} }
#openwebrx-panel-packet-message .message {
width: 410px;
}
#openwebrx-panel-packet-message .callsign {
width: 80px;
}
#openwebrx-panel-packet-message .coord {
width: 40px;
text-align: center;
}
#openwebrx-panel-digimodes[data-mode="ft8"] #openwebrx-digimode-content-container, #openwebrx-panel-digimodes[data-mode="ft8"] #openwebrx-digimode-content-container,
#openwebrx-panel-digimodes[data-mode="wspr"] #openwebrx-digimode-content-container, #openwebrx-panel-digimodes[data-mode="wspr"] #openwebrx-digimode-content-container,
#openwebrx-panel-digimodes[data-mode="jt65"] #openwebrx-digimode-content-container, #openwebrx-panel-digimodes[data-mode="jt65"] #openwebrx-digimode-content-container,

View File

@ -163,6 +163,15 @@
</tr></thead> </tr></thead>
<tbody></tbody> <tbody></tbody>
</table> </table>
<table class="openwebrx-panel" id="openwebrx-panel-packet-message" data-panel-name="aprs-message" data-panel-pos="left" data-panel-order="2" data-panel-size="619,200">
<thead><tr>
<th>UTC</th>
<th class="callsign">Callsign</th>
<th class="coord">Coord</th>
<th class="message">Comment</th>
</tr></thead>
<tbody></tbody>
</table>
<div class="openwebrx-panel openwebrx-meta-panel" id="openwebrx-panel-metadata-ysf" data-panel-name="metadata-ysf" data-panel-pos="left" data-panel-order="2" data-panel-size="145,220"> <div class="openwebrx-panel openwebrx-meta-panel" id="openwebrx-panel-metadata-ysf" data-panel-name="metadata-ysf" data-panel-pos="left" data-panel-order="2" data-panel-size="145,220">
<div class="openwebrx-meta-frame"> <div class="openwebrx-meta-frame">
<div class="openwebrx-meta-slot"> <div class="openwebrx-meta-slot">

View File

@ -1253,6 +1253,9 @@ function on_ws_recv(evt)
dial_frequencies = json.value; dial_frequencies = json.value;
update_dial_button(); update_dial_button();
break; break;
case "aprs_data":
update_packet_panel(json.value);
break;
default: default:
console.warn('received message of unknown type: ' + json.type); console.warn('received message of unknown type: ' + json.type);
} }
@ -1439,20 +1442,61 @@ function update_wsjt_panel(msg) {
$b.scrollTop($b[0].scrollHeight); $b.scrollTop($b[0].scrollHeight);
} }
var wsjt_removal_interval; var digital_removal_interval;
// remove old wsjt messages in fixed intervals // remove old wsjt messages in fixed intervals
function init_wsjt_removal_timer() { function init_digital_removal_timer() {
if (wsjt_removal_interval) clearInterval(wsjt_removal_interval); if (digital_removal_interval) clearInterval(digital_removal_interval);
wsjt_removal_interval = setInterval(function(){ digital_removal_interval = setInterval(function(){
var $elements = $('#openwebrx-panel-wsjt-message tbody tr'); ['#openwebrx-panel-wsjt-message', '#openwebrx-panel-packet-message'].forEach(function(root){
var $elements = $(root + ' tbody tr');
// limit to 1000 entries in the list since browsers get laggy at some point // limit to 1000 entries in the list since browsers get laggy at some point
var toRemove = $elements.length - 1000; var toRemove = $elements.length - 1000;
if (toRemove <= 0) return; if (toRemove <= 0) return;
$elements.slice(0, toRemove).remove(); $elements.slice(0, toRemove).remove();
});
}, 15000); }, 15000);
} }
function update_packet_panel(msg) {
var $b = $('#openwebrx-panel-packet-message tbody');
var pad = function(i) { return ('' + i).padStart(2, "0"); }
if (msg.type && msg.type == 'thirdparty' && msg.data) {
msg = msg.data;
}
var source = msg.source;
if (msg.type) {
if (msg.type == 'item') {
source = msg.item;
}
if (msg.type == 'object') {
source = msg.object;
}
}
var timestamp = '';
if (msg.timestamp) {
var t = new Date(msg.timestamp);
timestamp = pad(t.getUTCHours()) + pad(t.getUTCMinutes()) + pad(t.getUTCSeconds())
}
var link = '';
if (msg.lat && msg.lon) {
link = '<a class="openwebrx-maps-pin" href="/map?callsign=' + source + '" target="_blank"></a>';
}
$b.append($(
'<tr>' +
'<td>' + timestamp + '</td>' +
'<td class="callsign">' + source + '</td>' +
'<td class="coord">' + link + '</td>' +
'<td class="message">' + (msg.comment || msg.message || '') + '</td>' +
'</tr>'
));
$b.scrollTop($b[0].scrollHeight);
}
function hide_digitalvoice_panels() { function hide_digitalvoice_panels() {
$(".openwebrx-meta-panel").each(function(_, p){ $(".openwebrx-meta-panel").each(function(_, p){
toggle_panel(p.id, false); toggle_panel(p.id, false);
@ -2752,6 +2796,7 @@ function demodulator_digital_replace(subtype)
$('#openwebrx-panel-digimodes').attr('data-mode', subtype); $('#openwebrx-panel-digimodes').attr('data-mode', subtype);
toggle_panel("openwebrx-panel-digimodes", true); toggle_panel("openwebrx-panel-digimodes", true);
toggle_panel("openwebrx-panel-wsjt-message", ['ft8', 'wspr', 'jt65', 'jt9', 'ft4'].indexOf(subtype) >= 0); toggle_panel("openwebrx-panel-wsjt-message", ['ft8', 'wspr', 'jt65', 'jt9', 'ft4'].indexOf(subtype) >= 0);
toggle_panel("openwebrx-panel-packet-message", subtype == "packet");
} }
function secondary_demod_create_canvas() function secondary_demod_create_canvas()
@ -2807,6 +2852,7 @@ function secondary_demod_init()
{ {
$("#openwebrx-panel-digimodes")[0].openwebrxHidden = true; $("#openwebrx-panel-digimodes")[0].openwebrxHidden = true;
$("#openwebrx-panel-wsjt-message")[0].openwebrxHidden = true; $("#openwebrx-panel-wsjt-message")[0].openwebrxHidden = true;
$("#openwebrx-panel-packet-message")[0].openwebrxHidden = true;
secondary_demod_canvas_container = $("#openwebrx-digimode-canvas-container")[0]; secondary_demod_canvas_container = $("#openwebrx-digimode-canvas-container")[0];
$(secondary_demod_canvas_container) $(secondary_demod_canvas_container)
.mousemove(secondary_demod_canvas_container_mousemove) .mousemove(secondary_demod_canvas_container_mousemove)
@ -2814,7 +2860,7 @@ function secondary_demod_init()
.mousedown(secondary_demod_canvas_container_mousedown) .mousedown(secondary_demod_canvas_container_mousedown)
.mouseenter(secondary_demod_canvas_container_mousein) .mouseenter(secondary_demod_canvas_container_mousein)
.mouseleave(secondary_demod_canvas_container_mouseout); .mouseleave(secondary_demod_canvas_container_mouseout);
init_wsjt_removal_timer(); init_digital_removal_timer();
} }
function secondary_demod_start(subtype) function secondary_demod_start(subtype)
@ -2874,6 +2920,7 @@ function secondary_demod_close_window()
secondary_demod_stop(); secondary_demod_stop();
toggle_panel("openwebrx-panel-digimodes", false); toggle_panel("openwebrx-panel-digimodes", false);
toggle_panel("openwebrx-panel-wsjt-message", false); toggle_panel("openwebrx-panel-wsjt-message", false);
toggle_panel("openwebrx-panel-packet-message", false);
} }
secondary_demod_fft_offset_db=30; //need to calculate that later secondary_demod_fft_offset_db=30; //need to calculate that later