FreeDATA/gui/preload-main.js

506 lines
17 KiB
JavaScript
Raw Normal View History

2021-07-17 07:03:40 +00:00
const sock = require('./sock.js')
const daemon = require('./daemon.js')
2021-07-23 15:40:44 +00:00
const configPath = './config.json'
const config = require(configPath);
2021-07-24 07:06:22 +00:00
const {
ipcRenderer
} = require('electron');
2021-07-23 15:40:44 +00:00
const fs = require('fs');
// START INTERVALL COMMAND EXECUTION FOR STATES
2021-07-24 07:06:22 +00:00
setInterval(daemon.getDaemonState, 1000)
setInterval(sock.getTncState, 250)
setInterval(sock.getDataState, 500)
2021-07-26 16:09:04 +00:00
setInterval(sock.getHeardStations, 1000)
2021-07-23 15:40:44 +00:00
// UPDATE FFT DEMO
/*
2021-07-24 07:06:22 +00:00
updateFFT = function(fft) {
var fft = Array.from({
length: 2048
}, () => Math.floor(Math.random() * 10));
spectrum.addData(fft);
2021-07-23 15:40:44 +00:00
}
2021-07-24 07:06:22 +00:00
setInterval(updateFFT, 250)
*/
2021-07-23 15:40:44 +00:00
2021-07-24 07:06:22 +00:00
// WINDOW LISTENER
2021-07-23 15:40:44 +00:00
window.addEventListener('DOMContentLoaded', () => {
2021-07-24 07:06:22 +00:00
// LOAD SETTINGS
document.getElementById("tnc_adress").value = config.tnc_host
document.getElementById("tnc_port").value = config.tnc_port
document.getElementById("myCall").value = config.mycall
document.getElementById("myGrid").value = config.mygrid
2021-08-07 08:54:34 +00:00
document.getElementById('hamlib_deviceid').value = config.deviceid
2021-07-25 16:19:51 +00:00
document.getElementById('hamlib_deviceport').value = config.deviceport
document.getElementById('hamlib_serialspeed').value = config.serialspeed
document.getElementById('hamlib_ptt').value = config.ptt
2021-08-07 08:54:34 +00:00
if (config.spectrum == 'waterfall') {
document.getElementById("waterfall-scatter-switch1").checked = true
document.getElementById("waterfall-scatter-switch2").checked = false
document.getElementById("scatter").style.visibility = 'hidden';
document.getElementById("waterfall").style.visibility = 'visible';
document.getElementById("waterfall").style.height = '350px';
} else {
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
document.getElementById("waterfall-scatter-switch1").checked = false
document.getElementById("waterfall-scatter-switch2").checked = true
document.getElementById("scatter").style.visibility = 'visible';
document.getElementById("waterfall").style.visibility = 'hidden';
document.getElementById("waterfall").style.height = '0px';
}
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
/*
// Create spectrum object on canvas with ID "waterfall"
global.spectrum = new Spectrum(
"waterfall", {
spectrumPercent: 20
});
*/
// SETUP OF SCATTER DIAGRAM
var data = {
datasets: [{
label: 'Scatter Dataset',
data: [{
x: 0,
y: 0
}],
backgroundColor: 'rgb(255, 99, 132)'
}],
};
2021-08-07 08:54:34 +00:00
var ctx = document.getElementById('scatter').getContext('2d');
global.myChart = new Chart(ctx, {
type: 'scatter',
data: data,
options: {
animation: false,
legend: {
display: false
},
scales: {
display: false,
grid: {
display: false
},
x: {
type: 'linear',
position: 'bottom',
display: false
},
y: {
display: false
}
}
}
});
2021-08-07 08:54:34 +00:00
// on click waterfall scatter toggle view
// waterfall
document.getElementById("waterfall-scatter-switch1").addEventListener("click", () => {
document.getElementById("scatter").style.visibility = 'hidden';
document.getElementById("waterfall").style.visibility = 'visible';
document.getElementById("waterfall").style.height = '350px';
config.spectrum = 'waterfall'
fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
});
// scatter
document.getElementById("waterfall-scatter-switch2").addEventListener("click", () => {
document.getElementById("scatter").style.visibility = 'visible';
document.getElementById("waterfall").style.visibility = 'hidden';
document.getElementById("waterfall").style.height = '0px';
config.spectrum = 'scatter'
fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
});
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
// on change port and host
document.getElementById("tnc_adress").addEventListener("change", () => {
console.log(document.getElementById("tnc_adress").value)
config.tnc_host = document.getElementById("tnc_adress").value
config.daemon_host = document.getElementById("tnc_adress").value
fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
2021-07-23 15:40:44 +00:00
});
2021-07-24 07:06:22 +00:00
document.getElementById("tnc_port").addEventListener("change", () => {
config.tnc_port = document.getElementById("tnc_port").value
config.daemon_port = document.getElementById("tnc_port").value + 1
fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
});
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
// saveMyCall button clicked
document.getElementById("saveMyCall").addEventListener("click", () => {
2021-07-17 07:03:40 +00:00
callsign = document.getElementById("myCall").value
2021-07-23 15:40:44 +00:00
config.mycall = callsign
fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
2021-07-17 07:03:40 +00:00
sock.saveMyCall(callsign)
2021-07-24 07:06:22 +00:00
});
// saveMyGrid button clicked
document.getElementById("saveMyGrid").addEventListener("click", () => {
2021-07-17 07:03:40 +00:00
grid = document.getElementById("myGrid").value
2021-07-23 15:40:44 +00:00
config.mygrid = grid
fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
2021-07-17 07:03:40 +00:00
sock.saveMyGrid(grid)
2021-07-24 07:06:22 +00:00
2021-07-23 15:40:44 +00:00
});
2021-07-24 07:06:22 +00:00
// startPing button clicked
2021-07-24 07:06:22 +00:00
document.getElementById("sendPing").addEventListener("click", () => {
dxcallsign = document.getElementById("dxCall").value
sock.sendPing(dxcallsign)
2021-07-24 07:06:22 +00:00
});
// sendCQ button clicked
document.getElementById("sendCQ").addEventListener("click", () => {
sock.sendCQ()
});
// startTNC button clicked
document.getElementById("startTNC").addEventListener("click", () => {
2021-07-17 07:03:40 +00:00
var rx_audio = document.getElementById("audio_input_selectbox").value
2021-07-24 07:06:22 +00:00
var tx_audio = document.getElementById("audio_output_selectbox").value
2021-07-17 07:03:40 +00:00
var deviceid = document.getElementById("hamlib_deviceid").value
var deviceport = document.getElementById("hamlib_deviceport").value
2021-07-25 14:35:50 +00:00
var serialspeed = document.getElementById("hamlib_serialspeed").value
2021-07-17 07:03:40 +00:00
var ptt = document.getElementById("hamlib_ptt").value
2021-07-25 16:19:51 +00:00
config.deviceid = deviceid
config.deviceport = deviceport
config.serialspeed = serialspeed
config.ptt = ptt
fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
2021-07-25 14:35:50 +00:00
daemon.startTNC(rx_audio, tx_audio, deviceid, deviceport, ptt, serialspeed)
2021-07-24 07:06:22 +00:00
setTimeout(function() {
sock.saveMyCall(config.mycall);
}, 5000);
setTimeout(function() {
sock.saveMyGrid(config.mygrid);
}, 5000);
})
// stopTNC button clicked
document.getElementById("stopTNC").addEventListener("click", () => {
2021-07-17 07:03:40 +00:00
daemon.stopTNC()
2021-07-24 07:06:22 +00:00
})
// openDataModule button clicked
document.getElementById("openDataModule").addEventListener("click", () => {
//data.show()
let Data = {
message: "Hello World !"
};
2021-07-24 07:06:22 +00:00
ipcRenderer.send('show-data-window', Data);
})
2021-07-17 07:03:40 +00:00
})
2021-07-24 07:06:22 +00:00
ipcRenderer.on('action-update-tnc-state', (event, arg) => {
2021-08-07 08:54:34 +00:00
// SCATTER DIAGRAM PLOTTING
global.myChart.destroy();
2021-08-07 08:54:34 +00:00
var data = arg.scatter
var data = {
datasets: [{
//label: false,
data: data,
backgroundColor: 'rgb(255, 99, 132)'
}],
};
2021-08-07 08:54:34 +00:00
var ctx = document.getElementById('scatter').getContext('2d');
global.myChart = new Chart(ctx, {
type: 'scatter',
data: data,
options: {
animation: false,
legend: {
2021-08-07 08:54:34 +00:00
display: false,
tooltips: {
enabled: false,
},
},
scales: {
display: false,
grid: {
display: false
},
x: {
type: 'linear',
position: 'bottom',
display: false
},
y: {
display: false
}
}
},
2021-08-07 08:54:34 +00:00
});
2021-07-24 07:06:22 +00:00
// PTT STATE
if (arg.ptt_state == 'True') {
document.getElementById("ptt_state").className = "btn btn-danger";
} else if (arg.ptt_state == 'False') {
document.getElementById("ptt_state").className = "btn btn-success";
} else {
document.getElementById("ptt_state").className = "btn btn-secondary"
}
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
// BUSY STATE
if (arg.busy_state == 'BUSY') {
document.getElementById("busy_state").className = "btn btn-danger";
} else if (arg.busy_state == 'IDLE') {
document.getElementById("busy_state").className = "btn btn-success";
} else {
document.getElementById("busy_state").className = "btn btn-secondary"
}
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
// ARQ STATE
if (arg.arq_state == 'DATA') {
document.getElementById("arq_state").className = "btn btn-warning";
} else if (arg.arq_state == 'IDLE') {
document.getElementById("arq_state").className = "btn btn-secondary";
} else {
document.getElementById("arq_state").className = "btn btn-secondary"
}
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
// RMS
document.getElementById("rms_level").setAttribute("aria-valuenow", arg.rms_level)
document.getElementById("rms_level").setAttribute("style", "width:" + arg.rms_level + "%;")
2021-08-07 08:54:34 +00:00
2021-07-24 07:06:22 +00:00
// CHANNEL STATE
if (arg.channel_state == 'RECEIVING_SIGNALLING') {
document.getElementById("signalling_state").className = "btn btn-success";
document.getElementById("data_state").className = "btn btn-secondary";
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
} else if (arg.channel_state == 'SENDING_SIGNALLING') {
document.getElementById("signalling_state").className = "btn btn-danger";
document.getElementById("data_state").className = "btn btn-secondary";
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
} else if (arg.channel_state == 'RECEIVING_DATA') {
document.getElementById("signalling_state").className = "btn btn-secondary";
document.getElementById("data_state").className = "btn btn-success";
} else if (arg.channel_state == 'SENDING_DATA') {
document.getElementById("signalling_state").className = "btn btn-secondary";
document.getElementById("data_state").className = "btn btn-danger";
} else {
document.getElementById("signalling_state").className = "btn btn-secondary"
document.getElementById("busy_state").className = "btn btn-secondary"
}
// SET FREQUENCY
document.getElementById("frequency").value = arg.frequency
// SET MODE
document.getElementById("mode").value = arg.mode
// SET BANDWITH
document.getElementById("bandwith").value = arg.bandwith
});
2021-07-17 07:03:40 +00:00
ipcRenderer.on('action-update-daemon-state', (event, arg) => {
2021-07-25 14:18:29 +00:00
// RAM
document.getElementById("progressbar_ram").setAttribute("aria-valuenow", arg.ram_usage)
document.getElementById("progressbar_ram").setAttribute("style", "width:" + arg.ram_usage + "%;")
document.getElementById("progressbar_ram_value").innerHTML = arg.ram_usage + "%"
2021-08-07 08:54:34 +00:00
2021-07-25 14:18:29 +00:00
// CPU
document.getElementById("progressbar_cpu").setAttribute("aria-valuenow", arg.cpu_usage)
document.getElementById("progressbar_cpu").setAttribute("style", "width:" + arg.cpu_usage + "%;")
document.getElementById("progressbar_cpu_value").innerHTML = arg.cpu_usage + "%"
2021-08-07 08:54:34 +00:00
2021-07-25 14:18:29 +00:00
// VERSION
document.getElementById("tncversion").innerHTML = arg.version
2021-08-07 08:54:34 +00:00
2021-07-24 07:06:22 +00:00
// UPDATE AUDIO INPUT
2021-07-17 07:03:40 +00:00
2021-07-24 07:06:22 +00:00
if (document.getElementById("audio_input_selectbox").length != arg.input_devices.length) {
2021-07-17 07:03:40 +00:00
document.getElementById("audio_input_selectbox").innerHTML = ""
2021-07-24 07:06:22 +00:00
for (i = 0; i < arg.input_devices.length; i++) {
2021-07-17 07:03:40 +00:00
var option = document.createElement("option");
option.text = arg.input_devices[i]['NAME'];
option.value = arg.input_devices[i]['ID'];
document.getElementById("audio_input_selectbox").add(option);
}
}
// UPDATE AUDIO OUTPUT
2021-07-24 07:06:22 +00:00
if (document.getElementById("audio_output_selectbox").length != arg.output_devices.length) {
2021-07-17 07:03:40 +00:00
document.getElementById("audio_output_selectbox").innerHTML = ""
2021-07-24 07:06:22 +00:00
for (i = 0; i < arg.output_devices.length; i++) {
2021-07-17 07:03:40 +00:00
var option = document.createElement("option");
option.text = arg.output_devices[i]['NAME'];
option.value = arg.output_devices[i]['ID'];
document.getElementById("audio_output_selectbox").add(option);
}
}
2021-07-24 07:06:22 +00:00
// TNC RUNNING STATE
document.getElementById("tnc_running_state").innerHTML = arg.tnc_running_state;
if (arg.tnc_running_state == "running") {
document.getElementById('hamlib_deviceid').disabled = true
document.getElementById('hamlib_deviceport').disabled = true
document.getElementById('hamlib_ptt').disabled = true
document.getElementById('audio_input_selectbox').disabled = true
document.getElementById('audio_output_selectbox').disabled = true
document.getElementById('stopTNC').disabled = false
document.getElementById('startTNC').disabled = true
document.getElementById('myCall').disabled = false
2021-07-26 16:09:04 +00:00
document.getElementById('dxCall').disabled = false
2021-07-24 07:06:22 +00:00
document.getElementById('saveMyCall').disabled = false
document.getElementById('myGrid').disabled = false
document.getElementById('saveMyGrid').disabled = false
2021-08-07 08:54:34 +00:00
document.getElementById("hamlib_serialspeed").disabled = true
2021-07-24 07:06:22 +00:00
2021-07-17 07:03:40 +00:00
} else {
2021-07-24 07:06:22 +00:00
document.getElementById('hamlib_deviceid').disabled = false
document.getElementById('hamlib_deviceport').disabled = false
document.getElementById('hamlib_ptt').disabled = false
document.getElementById('audio_input_selectbox').disabled = false
document.getElementById('audio_output_selectbox').disabled = false
document.getElementById('stopTNC').disabled = true
document.getElementById('startTNC').disabled = false
document.getElementById('myCall').disabled = true
2021-07-26 16:09:04 +00:00
document.getElementById('dxCall').disabled = true
2021-07-24 07:06:22 +00:00
document.getElementById('saveMyCall').disabled = true
document.getElementById('myGrid').disabled = true
document.getElementById('saveMyGrid').disabled = true
2021-08-07 08:54:34 +00:00
document.getElementById("hamlib_serialspeed").disabled = false
2021-07-25 14:35:50 +00:00
2021-07-17 07:03:40 +00:00
}
2021-07-24 07:06:22 +00:00
});
2021-07-17 07:03:40 +00:00
ipcRenderer.on('action-update-daemon-connection', (event, arg) => {
2021-07-24 07:06:22 +00:00
if (arg.daemon_connection == 'open') {
document.getElementById("daemon_connection_state").className = "btn btn-success";
}
2021-07-24 07:06:22 +00:00
if (arg.daemon_connection == 'opening') {
document.getElementById("daemon_connection_state").className = "btn btn-warning";
}
if (arg.daemon_connection == 'closed') {
document.getElementById("daemon_connection_state").className = "btn btn-danger";
}
2021-07-24 07:06:22 +00:00
});
2021-07-25 16:19:51 +00:00
ipcRenderer.on('action-update-heard-stations', (event, arg) => {
2021-08-07 08:54:34 +00:00
//console.log(arg.stations)
//console.log(arg.stations[0]['DXGRID'])
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
var tbl = document.getElementById("heardstations");
document.getElementById("heardstations").innerHTML = ''
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
for (i = 0; i < arg.stations.length; i++) {
2021-07-28 16:44:10 +00:00
2021-08-07 08:54:34 +00:00
// first we update the PING window
console.log(document.getElementById("dxCall").value)
if (arg.stations[i]['DXCALLSIGN'] == document.getElementById("dxCall").value) {
document.getElementById("pingDistance").innerHTML = arg.stations[i]['DXGRID']
document.getElementById("pingDB").innerHTML = arg.stations[i]['SNR']
2021-07-28 16:44:10 +00:00
2021-08-07 08:54:34 +00:00
}
2021-07-28 16:44:10 +00:00
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
// now we update the heard stations list
2021-08-07 08:54:34 +00:00
var row = document.createElement("tr");
//https://stackoverflow.com/q/51421470
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
//https://stackoverflow.com/a/847196
timestampRaw = arg.stations[i]['TIMESTAMP']
var date = new Date(timestampRaw * 1000);
var hours = date.getHours();
var minutes = "0" + date.getMinutes();
var seconds = "0" + date.getSeconds();
var datetime = hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
var timestamp = document.createElement("td");
var timestampText = document.createElement('span');
timestampText.innerText = datetime
timestamp.appendChild(timestampText);
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
var dxCall = document.createElement("td");
var dxCallText = document.createElement('span');
dxCallText.innerText = arg.stations[i]['DXCALLSIGN']
dxCall.appendChild(dxCallText);
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
var dxGrid = document.createElement("td");
var dxGridText = document.createElement('span');
dxGridText.innerText = arg.stations[i]['DXGRID']
dxGrid.appendChild(dxGridText);
2021-07-25 16:19:51 +00:00
2021-08-07 08:54:34 +00:00
var dataType = document.createElement("td");
var dataTypeText = document.createElement('span');
dataTypeText.innerText = arg.stations[i]['DATATYPE']
dataType.appendChild(dataTypeText);
row.appendChild(timestamp);
row.appendChild(dxCall);
row.appendChild(dxGrid);
row.appendChild(dataType);
tbl.appendChild(row);
}
});
2021-07-25 16:19:51 +00:00
2021-07-24 07:06:22 +00:00
ipcRenderer.on('run-tnc-command', (event, arg) => {
if (arg.command == 'saveMyCall') {
sock.saveMyCall(arg.callsign)
}
2021-07-24 07:06:22 +00:00
if (arg.command == 'saveMyGrid') {
sock.saveMyGrid(arg.grid)
}
2021-07-24 07:06:22 +00:00
if (arg.command == 'ping') {
sock.sendPing(arg.dxcallsign)
}
2021-08-07 08:54:34 +00:00
if (arg.command == 'sendFile') {
2021-07-26 16:09:04 +00:00
sock.sendFile(arg.dxcallsign, arg.mode, arg.frames, arg.filename, arg.filetype, arg.data, arg.checksum)
}
2021-08-07 08:54:34 +00:00
if (arg.command == 'sendMessage') {
2021-07-26 16:09:04 +00:00
sock.sendMessage(arg.dxcallsign, arg.mode, arg.frames, arg.data, arg.checksum)
2021-08-07 08:54:34 +00:00
}
2021-07-24 07:06:22 +00:00
});