87 lines
3.0 KiB
JavaScript
87 lines
3.0 KiB
JavaScript
$(document).ready(function() {
|
|
// Your code here
|
|
console.log('precordedbroadcast.js is ready!');
|
|
const path = window.location.pathname;
|
|
const ws = new WebSocket('ws://' + window.location.host + path + '/ws');
|
|
for(let i = 1; i<=8; i++){
|
|
$(`#fileM${i}`).val('');
|
|
$(`#playM${i}`).prop('disabled', true);
|
|
$(`#stopM${i}`).prop('disabled', true);
|
|
}
|
|
|
|
ws.onopen = function() {
|
|
console.log('WebSocket connection opened');
|
|
$('#indicatorDisconnected').addClass('visually-hidden');
|
|
$('#indicatorConnected').removeClass('visually-hidden');
|
|
|
|
sendCommand({ command: "getMessageConfig" });
|
|
setInterval(function() {
|
|
sendCommand({ command: "getPlaybackStatus" });
|
|
}, 5000);
|
|
};
|
|
|
|
ws.onmessage = function(event) {
|
|
console.log('WebSocket message received:', event.data);
|
|
let msg = {};
|
|
try {
|
|
msg = JSON.parse(event.data);
|
|
} catch (e) {
|
|
return;
|
|
}
|
|
if (msg.reply === "getMessageConfig" && msg.data !== undefined) {
|
|
const messageConfigdata = msg.data;
|
|
console.log('Message Config Data:', messageConfigdata);
|
|
for(let i=1; i<=8; i++){
|
|
let filetitle = $(`#fileM${i}`);
|
|
let playButton = $(`#playM${i}`);
|
|
let stopButton = $(`#stopM${i}`);
|
|
let fileInput = messageConfigdata[`M${i}`] || '';
|
|
filetitle.val(fileInput);
|
|
if (fileInput.length>0){
|
|
playButton.prop('disabled', false);
|
|
stopButton.prop('disabled', false);
|
|
playButton.on('click', function() {
|
|
let cmd = {
|
|
command: "playMessage",
|
|
data: `M${i}`
|
|
}
|
|
|
|
sendCommand(cmd);
|
|
});
|
|
stopButton.on('click', function() {
|
|
let cmd = {
|
|
command: "stopMessage",
|
|
data: `M${i}`
|
|
}
|
|
sendCommand(cmd);
|
|
});
|
|
} else {
|
|
playButton.prop('disabled', true);
|
|
stopButton.prop('disabled', true);
|
|
}
|
|
}
|
|
|
|
} else if (msg.reply === "getPlaybackStatus" && msg.data !== undefined && msg.data.length > 0) {
|
|
const playbackData = msg.data;
|
|
$('#playbackStatus').text(playbackData.status);
|
|
}
|
|
};
|
|
|
|
ws.onclose = function() {
|
|
console.log('WebSocket connection closed');
|
|
$('#indicatorDisconnected').removeClass('visually-hidden');
|
|
$('#indicatorConnected').addClass('visually-hidden');
|
|
};
|
|
|
|
ws.onerror = function(error) {
|
|
console.error('WebSocket error:', error);
|
|
};
|
|
|
|
function sendCommand(cmd) {
|
|
if (ws.readyState === WebSocket.OPEN) {
|
|
ws.send(cmd);
|
|
} else {
|
|
console.error('WebSocket is not open. Unable to send command:', JSON.stringify(cmd));
|
|
}
|
|
}
|
|
}); |