mirror of
https://github.com/jketterl/openwebrx.git
synced 2025-12-06 07:12:09 +01:00
551 lines
17 KiB
JavaScript
551 lines
17 KiB
JavaScript
function MetaPanel(el) {
|
|
this.el = el;
|
|
this.modes = [];
|
|
}
|
|
|
|
MetaPanel.prototype.update = function(data) {
|
|
};
|
|
|
|
MetaPanel.prototype.isSupported = function(data) {
|
|
return this.modes.includes(data.protocol);
|
|
};
|
|
|
|
MetaPanel.prototype.isEnabled = function() {
|
|
return true;
|
|
};
|
|
|
|
MetaPanel.prototype.clear = function() {
|
|
this.el.find(".openwebrx-meta-slot").removeClass("active").removeClass("sync");
|
|
};
|
|
|
|
function DmrMetaSlot(el) {
|
|
this.el = $(el);
|
|
this.clear();
|
|
}
|
|
|
|
DmrMetaSlot.prototype.update = function(data) {
|
|
this.el[data['sync'] ? "addClass" : "removeClass"]("sync");
|
|
if (data['sync'] && data['sync'] === "voice") {
|
|
this.setId(data['additional'] && data['additional']['callsign'] || data['talkeralias'] || data['source']);
|
|
this.setName(data['additional'] && data['additional']['fname']);
|
|
this.setMode(['group', 'direct'].includes(data['type']) ? data['type'] : undefined);
|
|
this.setTarget(data['target']);
|
|
this.setLocation(data['lat'], data['lon'], this.getCallsign(data));
|
|
this.el.addClass("active");
|
|
} else {
|
|
this.clear();
|
|
}
|
|
};
|
|
|
|
DmrMetaSlot.prototype.getCallsign = function(data) {
|
|
if ('additional' in data) {
|
|
return data['additional']['callsign'];
|
|
}
|
|
if ('talkeralias' in data) {
|
|
var matches = /^([A-Z0-9]+)(\s.*)?$/.exec(data['talkeralias']);
|
|
if (matches) return matches[1];
|
|
}
|
|
};
|
|
|
|
DmrMetaSlot.prototype.setId = function(id) {
|
|
if (this.id === id) return;
|
|
this.id = id;
|
|
this.el.find('.openwebrx-dmr-id .dmr-id').text(id || '');
|
|
}
|
|
|
|
DmrMetaSlot.prototype.setName = function(name) {
|
|
if (this.name === name) return;
|
|
this.name = name;
|
|
this.el.find('.openwebrx-dmr-name').text(name || '');
|
|
};
|
|
|
|
DmrMetaSlot.prototype.setMode = function(mode) {
|
|
if (this.mode === mode) return;
|
|
this.mode = mode;
|
|
var classes = ['group', 'direct'].filter(function(c){
|
|
return c !== mode;
|
|
});
|
|
this.el.removeClass(classes.join(' ')).addClass(mode);
|
|
}
|
|
|
|
DmrMetaSlot.prototype.setTarget = function(target) {
|
|
if (this.target === target) return;
|
|
this.target = target;
|
|
this.el.find('.openwebrx-dmr-target').text(target || '');
|
|
}
|
|
|
|
DmrMetaSlot.prototype.setLocation = function(lat, lon, callsign) {
|
|
var hasLocation = lat && lon && callsign && callsign != '';
|
|
if (hasLocation === this.hasLocation && this.callsign === callsign) return;
|
|
this.hasLocation = hasLocation; this.callsign = callsign;
|
|
var html = '';
|
|
if (hasLocation) {
|
|
html = '<a class="openwebrx-maps-pin" href="map?callsign=' + encodeURIComponent(callsign) + '" target="_blank"><svg viewBox="0 0 20 35"><use xlink:href="static/gfx/svg-defs.svg#maps-pin"></use></svg></a>';
|
|
}
|
|
this.el.find('.openwebrx-dmr-id .location').html(html);
|
|
}
|
|
|
|
DmrMetaSlot.prototype.clear = function() {
|
|
this.setId();
|
|
this.setName();
|
|
this.setMode();
|
|
this.setTarget();
|
|
this.setLocation();
|
|
this.el.removeClass("active");
|
|
};
|
|
|
|
function DmrMetaPanel(el) {
|
|
MetaPanel.call(this, el);
|
|
this.modes = ['DMR'];
|
|
this.slots = this.el.find('.openwebrx-meta-slot').toArray().map(function(el){
|
|
return new DmrMetaSlot(el);
|
|
});
|
|
}
|
|
|
|
DmrMetaPanel.prototype = new MetaPanel();
|
|
|
|
DmrMetaPanel.prototype.update = function(data) {
|
|
if (!this.isSupported(data)) return;
|
|
if (data['slot']) {
|
|
var slot = this.slots[data['slot']];
|
|
slot.update(data);
|
|
} else {
|
|
this.clear();
|
|
}
|
|
}
|
|
|
|
DmrMetaPanel.prototype.clear = function() {
|
|
MetaPanel.prototype.clear.call(this);
|
|
this.el.find(".openwebrx-dmr-timeslot-panel").removeClass("muted");
|
|
this.slots.forEach(function(slot) {
|
|
slot.clear();
|
|
});
|
|
};
|
|
|
|
function YsfMetaPanel(el) {
|
|
MetaPanel.call(this, el);
|
|
this.modes = ['YSF'];
|
|
this.clear();
|
|
}
|
|
|
|
YsfMetaPanel.prototype = new MetaPanel();
|
|
|
|
YsfMetaPanel.prototype.update = function(data) {
|
|
if (!this.isSupported(data)) return;
|
|
this.setMode(data['mode']);
|
|
|
|
if (data['mode'] && data['mode'] !== "") {
|
|
this.setSource(data['source']);
|
|
this.setLocation(data['lat'], data['lon'], data['source']);
|
|
this.setUp(data['up']);
|
|
this.setDown(data['down']);
|
|
if (data['mode'].indexOf('data') < 0) {
|
|
this.el.find(".openwebrx-meta-slot").addClass("active");
|
|
}
|
|
} else {
|
|
this.clear();
|
|
}
|
|
};
|
|
|
|
YsfMetaPanel.prototype.clear = function() {
|
|
MetaPanel.prototype.clear.call(this);
|
|
this.setMode();
|
|
this.setSource();
|
|
this.setLocation();
|
|
this.setUp();
|
|
this.setDown();
|
|
};
|
|
|
|
YsfMetaPanel.prototype.setMode = function(mode) {
|
|
if (this.mode === mode) return;
|
|
this.mode = mode;
|
|
this.el.find('.openwebrx-ysf-mode').text(mode || '');
|
|
};
|
|
|
|
YsfMetaPanel.prototype.setSource = function(source) {
|
|
if (this.source === source) return;
|
|
this.source = source;
|
|
this.el.find('.openwebrx-ysf-source .callsign').text(source || '');
|
|
};
|
|
|
|
YsfMetaPanel.prototype.setLocation = function(lat, lon, callsign) {
|
|
var hasLocation = lat && lon && callsign && callsign != '';
|
|
if (hasLocation === this.hasLocation && this.callsign === callsign) return;
|
|
this.hasLocation = hasLocation; this.callsign = callsign;
|
|
var html = '';
|
|
if (hasLocation) {
|
|
html = '<a class="openwebrx-maps-pin" href="map?callsign=' + encodeURIComponent(callsign) + '" target="_blank"><svg viewBox="0 0 20 35"><use xlink:href="static/gfx/svg-defs.svg#maps-pin"></use></svg></a>';
|
|
}
|
|
this.el.find('.openwebrx-ysf-source .location').html(html);
|
|
};
|
|
|
|
YsfMetaPanel.prototype.setUp = function(up) {
|
|
if (this.up === up) return;
|
|
this.up = up;
|
|
this.el.find('.openwebrx-ysf-up').text(up || '');
|
|
};
|
|
|
|
YsfMetaPanel.prototype.setDown = function(down) {
|
|
if (this.down === down) return;
|
|
this.down = down;
|
|
this.el.find('.openwebrx-ysf-down').text(down || '');
|
|
}
|
|
|
|
function DStarMetaPanel(el) {
|
|
MetaPanel.call(this, el);
|
|
this.modes = ['DSTAR'];
|
|
this.clear();
|
|
}
|
|
|
|
DStarMetaPanel.prototype = new MetaPanel();
|
|
|
|
DStarMetaPanel.prototype.update = function(data) {
|
|
if (!this.isSupported(data)) return;
|
|
|
|
if (data['sync'] && data['sync'] == 'voice') {
|
|
this.el.find(".openwebrx-meta-slot").addClass("active");
|
|
this.setOurCall(data['ourcall']);
|
|
this.setYourCall(data['yourcall']);
|
|
this.setDeparture(data['departure']);
|
|
this.setDestination(data['destination']);
|
|
this.setMessage(data['message']);
|
|
this.setLocation(data['lat'], data['lon'], data['ourcall']);
|
|
} else {
|
|
this.clear();
|
|
}
|
|
};
|
|
|
|
DStarMetaPanel.prototype.setOurCall = function(ourcall) {
|
|
if (this.ourcall === ourcall) return;
|
|
this.ourcall = ourcall;
|
|
this.el.find('.openwebrx-dstar-ourcall .callsign').text(ourcall || '');
|
|
};
|
|
|
|
DStarMetaPanel.prototype.setYourCall = function(yourcall) {
|
|
if (this.yourcall === yourcall) return;
|
|
this.yourcall = yourcall;
|
|
this.el.find('.openwebrx-dstar-yourcall').text(yourcall || '');
|
|
};
|
|
|
|
DStarMetaPanel.prototype.setDeparture = function(departure) {
|
|
if (this.departure === departure) return;
|
|
this.departure = departure;
|
|
this.el.find('.openwebrx-dstar-departure').text(departure || '');
|
|
};
|
|
|
|
DStarMetaPanel.prototype.setDestination = function(destination) {
|
|
if (this.destination === destination) return;
|
|
this.destination = destination;
|
|
this.el.find('.openwebrx-dstar-destination').text(destination || '');
|
|
};
|
|
|
|
DStarMetaPanel.prototype.setMessage = function(message) {
|
|
if (this.message === message) return;
|
|
this.message = message;
|
|
this.el.find('.openwebrx-dstar-message').text(message || '');
|
|
}
|
|
|
|
DStarMetaPanel.prototype.clear = function() {
|
|
MetaPanel.prototype.clear.call(this);
|
|
this.setOurCall();
|
|
this.setYourCall();
|
|
this.setDeparture();
|
|
this.setDestination();
|
|
this.setMessage();
|
|
this.setLocation();
|
|
};
|
|
|
|
DStarMetaPanel.prototype.setLocation = function(lat, lon, callsign) {
|
|
var hasLocation = lat && lon && callsign && callsign != '';
|
|
if (hasLocation === this.hasLocation && this.callsign === callsign) return;
|
|
this.hasLocation = hasLocation; this.callsign = callsign;
|
|
var html = '';
|
|
if (hasLocation) {
|
|
html = '<a class="openwebrx-maps-pin" href="map?callsign=' + encodeURIComponent(callsign) + '" target="_blank"><svg viewBox="0 0 20 35"><use xlink:href="static/gfx/svg-defs.svg#maps-pin"></use></svg></a>';
|
|
}
|
|
this.el.find('.openwebrx-dstar-ourcall .location').html(html);
|
|
};
|
|
|
|
function NxdnMetaPanel(el) {
|
|
MetaPanel.call(this, el);
|
|
this.modes = ['NXDN'];
|
|
this.clear();
|
|
}
|
|
|
|
NxdnMetaPanel.prototype = new MetaPanel();
|
|
|
|
NxdnMetaPanel.prototype.update = function(data) {
|
|
if (!this.isSupported(data)) return;
|
|
|
|
if (data['sync'] && data['sync'] === 'voice') {
|
|
this.el.find(".openwebrx-meta-slot").addClass("active");
|
|
this.setSource(data['additional'] && data['additional']['callsign'] || data['source']);
|
|
this.setName(data['additional'] && data['additional']['fname']);
|
|
this.setDestination(data['destination']);
|
|
this.setMode(['conference', 'individual'].includes(data['type']) ? data['type'] : undefined);
|
|
} else {
|
|
this.clear();
|
|
}
|
|
};
|
|
|
|
NxdnMetaPanel.prototype.setSource = function(source) {
|
|
if (this.source === source) return;
|
|
this.source = source;
|
|
this.el.find('.openwebrx-nxdn-source').text(source || '');
|
|
};
|
|
|
|
NxdnMetaPanel.prototype.setName = function(name) {
|
|
if (this.name === name) return;
|
|
this.name = name;
|
|
this.el.find('.openwebrx-nxdn-name').text(name || '');
|
|
};
|
|
|
|
NxdnMetaPanel.prototype.setDestination = function(destination) {
|
|
if (this.destination === destination) return;
|
|
this.destination = destination;
|
|
this.el.find('.openwebrx-nxdn-destination').text(destination || '');
|
|
};
|
|
|
|
NxdnMetaPanel.prototype.setMode = function(mode) {
|
|
if (this.mode === mode) return;
|
|
this.mode = mode;
|
|
|
|
var modes = ['individual', 'conference'];
|
|
var classes = modes.filter(function(c){
|
|
return c !== mode;
|
|
});
|
|
this.el.find('.openwebrx-meta-slot').removeClass(classes.join(' ')).addClass(mode);
|
|
};
|
|
|
|
NxdnMetaPanel.prototype.clear = function() {
|
|
MetaPanel.prototype.clear.call(this);
|
|
this.setMode();
|
|
this.setSource();
|
|
this.setName();
|
|
this.setDestination();
|
|
};
|
|
|
|
function M17MetaPanel(el) {
|
|
MetaPanel.call(this, el);
|
|
this.modes = ['M17'];
|
|
this.clear();
|
|
}
|
|
|
|
M17MetaPanel.prototype = new MetaPanel();
|
|
|
|
M17MetaPanel.prototype.update = function(data) {
|
|
if (!this.isSupported(data)) return;
|
|
|
|
if (data['sync'] && data['sync'] === 'voice') {
|
|
this.el.find(".openwebrx-meta-slot").addClass("active");
|
|
this.setSource(data['source']);
|
|
this.setDestination(data['destination']);
|
|
} else {
|
|
this.clear();
|
|
}
|
|
};
|
|
|
|
M17MetaPanel.prototype.setSource = function(source) {
|
|
if (this.source === source) return;
|
|
this.source = source;
|
|
this.el.find('.openwebrx-m17-source').text(source || '');
|
|
};
|
|
|
|
M17MetaPanel.prototype.setDestination = function(destination) {
|
|
if (this.destination === destination) return;
|
|
this.destination = destination;
|
|
this.el.find('.openwebrx-m17-destination').text(destination || '');
|
|
};
|
|
|
|
M17MetaPanel.prototype.clear = function() {
|
|
MetaPanel.prototype.clear.call(this);
|
|
this.setSource();
|
|
this.setDestination();
|
|
};
|
|
|
|
function WfmMetaPanel(el) {
|
|
MetaPanel.call(this, el);
|
|
this.modes = ['WFM'];
|
|
this.enabled = false;
|
|
this.timeout = false;
|
|
this.clear();
|
|
}
|
|
|
|
WfmMetaPanel.prototype = new MetaPanel();
|
|
|
|
WfmMetaPanel.prototype.update = function(data) {
|
|
if (!this.isSupported(data)) return;
|
|
var me = this;
|
|
|
|
// automatically clear metadata panel when no RDS data is received for more than ten seconds
|
|
if (this.timeout) clearTimeout(this.timeout);
|
|
this.timeout = setTimeout(function(){
|
|
me.clear();
|
|
}, 10000);
|
|
|
|
if ('pi' in data && data.pi !== this.pi) {
|
|
this.clear();
|
|
this.pi = data.pi;
|
|
}
|
|
|
|
var $el = $(this.el);
|
|
|
|
if ('ps' in data) {
|
|
this.ps = data.ps;
|
|
}
|
|
|
|
if ('prog_type' in data) {
|
|
$el.find('.rds-prog_type').text(data['prog_type']);
|
|
}
|
|
|
|
if ('callsign' in data) {
|
|
this.callsign = data.callsign;
|
|
}
|
|
|
|
if ('pi' in data) {
|
|
this.pi = data.pi
|
|
}
|
|
|
|
if ('clock_time' in data) {
|
|
var date = new Date(Date.parse(data.clock_time));
|
|
$el.find('.rds-clock').text(date.toLocaleString([], {dateStyle: 'short', timeStyle: 'short'}));
|
|
}
|
|
|
|
if ('radiotext_plus' in data) {
|
|
// prefer displaying radiotext plus over radiotext
|
|
this.radiotext_plus = this.radiotext_plus || {
|
|
item_toggle: -1
|
|
};
|
|
|
|
var tags = {};
|
|
if ('tags' in data.radiotext_plus) {
|
|
tags = Object.fromEntries(data.radiotext_plus.tags.map(function (tag) {
|
|
return [tag['content-type'], tag['data']]
|
|
}));
|
|
console.info(tags);
|
|
}
|
|
|
|
if (data.radiotext_plus.item_toggle !== this.radiotext_plus.item_toggle) {
|
|
this.radiotext_plus.item_toggle = data.radiotext_plus.item_toggle;
|
|
this.radiotext_plus.item = '';
|
|
}
|
|
|
|
this.radiotext_plus.item_running = !!data.radiotext_plus.item_running;
|
|
|
|
if ('item.artist' in tags && 'item.title' in tags) {
|
|
this.radiotext_plus.item = tags['item.artist'] + ' - ' + tags['item.title'];
|
|
}
|
|
|
|
if ('programme.now' in tags) {
|
|
this.radiotext_plus.programme = tags['programme.now'];
|
|
}
|
|
|
|
if ('programme.homepage' in tags) {
|
|
this.radiotext_plus.homepage = tags['programme.homepage'];
|
|
}
|
|
|
|
if ('stationname.long' in tags) {
|
|
this.long_stationname = tags['stationname.long'];
|
|
}
|
|
|
|
if ('stationname.short' in tags) {
|
|
this.short_stationname = tags['stationname.short'];
|
|
}
|
|
|
|
if ('info.news' in tags) {
|
|
this.radiotext_plus.news = tags['info.news'];
|
|
}
|
|
|
|
}
|
|
|
|
if ('radiotext' in data && !this.radiotext_plus) {
|
|
this.radiotext = data.radiotext;
|
|
}
|
|
|
|
if (this.radiotext_plus) {
|
|
$el.find('.rds-radiotext').empty();
|
|
if (this.radiotext_plus.item_running) {
|
|
$el.find('.rds-rtplus-item').text(this.radiotext_plus.item || '');
|
|
} else {
|
|
$el.find('.rds-rtplus-item').empty();
|
|
}
|
|
$el.find('.rds-rtplus-programme').text(this.radiotext_plus.programme || '');
|
|
$el.find('.rds-rtplus-news').text(this.radiotext_plus.news || '');
|
|
if (this.radiotext_plus.homepage) {
|
|
$el.find('.rds-rtplus-homepage').html(
|
|
'<a href="' + this.radiotext_plus.homepage + '" target="_blank">' + this.radiotext_plus.homepage + '</a>'
|
|
);
|
|
}
|
|
} else {
|
|
$el.find('.rds-radiotext-plus .autoclear').empty();
|
|
$el.find('.rds-radiotext').text(this.radiotext || '');
|
|
}
|
|
|
|
$el.find('.rds-stationname').text(this.long_stationname || this.ps);
|
|
$el.find('.rds-identifier').text(this.short_stationname || this.callsign || this.pi);
|
|
};
|
|
|
|
WfmMetaPanel.prototype.isSupported = function(data) {
|
|
return this.modes.includes(data.mode);
|
|
};
|
|
|
|
WfmMetaPanel.prototype.setEnabled = function(enabled) {
|
|
if (enabled === this.enabled) return;
|
|
this.enabled = enabled;
|
|
if (enabled) {
|
|
$(this.el).html(
|
|
'<div class="rds-container">' +
|
|
'<div class="rds-identifier rds-autoclear"></div>' +
|
|
'<div class="rds-stationname rds-autoclear"></div>' +
|
|
'<div class="rds-radiotext rds-autoclear"></div>' +
|
|
'<div class="rds-radiotext-plus">' +
|
|
'<div class="rds-rtplus-programme rds-autoclear"></div>' +
|
|
'<div class="rds-rtplus-item rds-autoclear"></div>' +
|
|
'<div class="rds-rtplus-news rds-autoclear"></div>' +
|
|
'<div class="rds-rtplus-homepage rds-autoclear"></div>'+
|
|
'</div>' +
|
|
'<div class="rds-prog_type rds-autoclear"></div>' +
|
|
'<div class="rds-clock rds-autoclear"></div>' +
|
|
'</div>'
|
|
);
|
|
} else {
|
|
$(this.el).emtpy()
|
|
}
|
|
};
|
|
|
|
WfmMetaPanel.prototype.isEnabled = function() {
|
|
return this.enabled;
|
|
};
|
|
|
|
WfmMetaPanel.prototype.clear = function() {
|
|
$(this.el).find('.rds-autoclear').empty();
|
|
this.pi = '';
|
|
this.ps = '';
|
|
this.callsign = '';
|
|
this.long_stationname = '';
|
|
this.short_stationname = '';
|
|
|
|
this.radiotext = '';
|
|
this.radiotext_plus = false;
|
|
};
|
|
|
|
MetaPanel.types = {
|
|
dmr: DmrMetaPanel,
|
|
ysf: YsfMetaPanel,
|
|
dstar: DStarMetaPanel,
|
|
nxdn: NxdnMetaPanel,
|
|
m17: M17MetaPanel,
|
|
wfm: WfmMetaPanel,
|
|
};
|
|
|
|
$.fn.metaPanel = function() {
|
|
return this.map(function() {
|
|
var $self = $(this);
|
|
if (!$self.data('metapanel')) {
|
|
var matches = /^openwebrx-panel-metadata-([a-z0-9]+)$/.exec($self.prop('id'));
|
|
var constructor = matches && MetaPanel.types[matches[1]] || MetaPanel;
|
|
$self.data('metapanel', new constructor($self));
|
|
}
|
|
return $self.data('metapanel');
|
|
});
|
|
}; |