mirror of
https://github.com/KubaPro010/fm-dx-webserver.git
synced 2026-07-30 08:49:16 +02:00
optimization pack
This commit is contained in:
NoobishSVK
+111
-346
@@ -1,358 +1,123 @@
|
||||
function submitData() {
|
||||
const webserverIp = $('#webserver-ip').val() || '0.0.0.0';
|
||||
const webserverPort = $('#webserver-port').val() || '8080';
|
||||
const tuningLimit = $('#tuning-limit').is(":checked") || false;
|
||||
const tuningLowerLimit = $('#tuning-lower-limit').val() || '0';
|
||||
const tuningUpperLimit = $('#tuning-upper-limit').val() || '108';
|
||||
const chatEnabled = $("#chat-switch").length > 0 ? $("#chat-switch").is(":checked") : true;
|
||||
let configData = {}; // Store the original data structure globally
|
||||
|
||||
var themeSelectedValue = $("#selected-theme").val();
|
||||
var themeDataValue = $(".option:contains('" + themeSelectedValue + "')").attr('data-value') || 'theme1';
|
||||
const defaultTheme = themeDataValue;
|
||||
$(document).ready(function() {
|
||||
fetchConfig();
|
||||
});
|
||||
|
||||
const bgImage = $("#bg-image").val() || '';
|
||||
const rdsMode = $('#rds-mode').is(":checked") || false;
|
||||
|
||||
const ant1enabled = $('#ant1-enabled').is(":checked") || false;
|
||||
const ant2enabled = $('#ant2-enabled').is(":checked") || false;
|
||||
const ant3enabled = $('#ant3-enabled').is(":checked") || false;
|
||||
const ant4enabled = $('#ant4-enabled').is(":checked") || false;
|
||||
|
||||
const ant1name = $("#ant1-name").val() || 'Ant A';
|
||||
const ant2name = $("#ant2-name").val() || 'Ant B';
|
||||
const ant3name = $("#ant3-name").val() || 'Ant C';
|
||||
const ant4name = $("#ant4-name").val() || 'Ant D';
|
||||
|
||||
let presets = [];
|
||||
presets.push($('#preset1').val() || '87.5');
|
||||
presets.push($('#preset2').val() || '87.5');
|
||||
presets.push($('#preset3').val() || '87.5');
|
||||
presets.push($('#preset4').val() || '87.5');
|
||||
|
||||
const enableDefaultFreq = $('#default-freq-enable').is(":checked") || false;
|
||||
const defaultFreq = $('#default-freq').val() || '87.5';
|
||||
|
||||
let banlist = [];
|
||||
if($('#ip-addresses').length > 0) {
|
||||
validateAndAdd(banlist);
|
||||
}
|
||||
|
||||
|
||||
var comDevicesValue = $("#com-devices").val();
|
||||
var comDevicesDataValue = $(".option:contains('" + comDevicesValue + "')").attr('data-value') || '';
|
||||
const comPort = comDevicesDataValue;
|
||||
const wirelessConnection = $('#connection-type-toggle').is(":checked") || false;
|
||||
const xdrdIp = $('#xdrd-ip').val() || '127.0.0.1';
|
||||
const xdrdPort = $('#xdrd-port').val() || '7373';
|
||||
const xdrdPassword = $('#xdrd-password').val() || 'password';
|
||||
|
||||
const audioDevice = $('#audio-devices').val() || 'Microphone (High Definition Audio Device)';
|
||||
const audioChannels = ($('.options .option').filter(function() {
|
||||
return $(this).text() === $('#audio-channels').val();
|
||||
}).data('value') || 2);
|
||||
const audioBitrate = ($('.options .option').filter(function() {
|
||||
return $(this).text() === $('#audio-quality').val();
|
||||
}).data('value') || "192k");
|
||||
|
||||
const device = ($('.options .option').filter(function() {
|
||||
return $(this).text() === $('#device-type').val();
|
||||
}).data('value') || "tef");
|
||||
|
||||
const softwareMode = $('#audio-software-mode').is(":checked") || false;
|
||||
const startupVolume = $('#startup-volume').val() || '1';
|
||||
|
||||
const tunerName = $('#webserver-name').val() || 'FM Tuner';
|
||||
const tunerDesc = $('#webserver-desc').val() || 'Default FM tuner description';
|
||||
const broadcastTuner = $("#broadcast-tuner").is(":checked");
|
||||
const contact = $("#owner-contact").val() || '';
|
||||
const lat = $('#lat').val();
|
||||
const lon = $('#lng').val();
|
||||
const proxyIp = $("#broadcast-address").val();
|
||||
|
||||
const tunePass = $('#tune-pass').val();
|
||||
const adminPass = $('#admin-pass').val();
|
||||
|
||||
let plugins = [];
|
||||
$('#plugin-list option:selected').each(function() {
|
||||
plugins.push($(this).data('name'));
|
||||
});
|
||||
|
||||
const fmlistIntegration = $("#fmlist-integration").is(":checked") || false;
|
||||
const fmlistOmid = $('#fmlist-omid').val();
|
||||
|
||||
const tunnelUsername = $('#tunnel-username').val();
|
||||
const tunnelSubdomain = $('#tunnel-subdomain').val();
|
||||
const tunnelToken = $('#tunnel-token').val();
|
||||
const tunnelEnabled = $("#tunnel-enable").is(":checked");
|
||||
const tunnelLowLatency = $("#tunnel-lowlatency").is(":checked");
|
||||
|
||||
const publicTuner = $("#tuner-public").is(":checked");
|
||||
const lockToAdmin = $("#tuner-lock").is(":checked");
|
||||
const autoShutdown = $("#shutdown-tuner").is(":checked") || false;
|
||||
const antennasEnabled = $("#antenna-switch").is(":checked") || false;
|
||||
const bwSwitch = $("#toggle-bw").is(":checked") || false;
|
||||
|
||||
const data = {
|
||||
webserver: {
|
||||
webserverIp,
|
||||
webserverPort,
|
||||
tuningLimit,
|
||||
tuningLowerLimit,
|
||||
tuningUpperLimit,
|
||||
chatEnabled,
|
||||
defaultTheme,
|
||||
presets,
|
||||
banlist,
|
||||
bgImage,
|
||||
rdsMode,
|
||||
},
|
||||
antennas: {
|
||||
enabled: antennasEnabled,
|
||||
ant1: {
|
||||
enabled: ant1enabled,
|
||||
name: ant1name
|
||||
},
|
||||
ant2: {
|
||||
enabled: ant2enabled,
|
||||
name: ant2name
|
||||
},
|
||||
ant3: {
|
||||
enabled: ant3enabled,
|
||||
name: ant3name
|
||||
},
|
||||
ant4: {
|
||||
enabled: ant4enabled,
|
||||
name: ant4name
|
||||
},
|
||||
},
|
||||
xdrd: {
|
||||
comPort,
|
||||
wirelessConnection,
|
||||
xdrdIp,
|
||||
xdrdPort,
|
||||
xdrdPassword
|
||||
},
|
||||
audio: {
|
||||
audioDevice,
|
||||
audioChannels,
|
||||
audioBitrate,
|
||||
softwareMode,
|
||||
startupVolume,
|
||||
},
|
||||
identification: {
|
||||
tunerName,
|
||||
tunerDesc,
|
||||
broadcastTuner,
|
||||
contact,
|
||||
lat,
|
||||
lon,
|
||||
proxyIp
|
||||
},
|
||||
password: {
|
||||
tunePass,
|
||||
adminPass,
|
||||
},
|
||||
extras: {
|
||||
fmlistIntegration,
|
||||
fmlistOmid,
|
||||
},
|
||||
tunnel: {
|
||||
enabled: tunnelEnabled,
|
||||
username: tunnelUsername,
|
||||
token: tunnelToken,
|
||||
lowLatencyMode: tunnelLowLatency,
|
||||
subdomain: tunnelSubdomain,
|
||||
},
|
||||
plugins,
|
||||
device,
|
||||
publicTuner,
|
||||
lockToAdmin,
|
||||
autoShutdown,
|
||||
enableDefaultFreq,
|
||||
defaultFreq,
|
||||
bwSwitch,
|
||||
};
|
||||
|
||||
if(adminPass.length < 1) {
|
||||
alert('You need to fill in the admin password before continuing further.');
|
||||
return;
|
||||
}
|
||||
// Send data to the server using jQuery
|
||||
$.ajax({
|
||||
url: './saveData',
|
||||
type: 'POST',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(data),
|
||||
success: function (message) {
|
||||
sendToast('success', 'Data saved!', message, true, true);
|
||||
},
|
||||
error: function (error) {
|
||||
console.error(error);
|
||||
}
|
||||
});
|
||||
function submitConfig() {
|
||||
updateConfigData(configData);
|
||||
if (!configData.password || !configData.password.adminPass) {
|
||||
alert('You need to fill in the admin password before continuing further.');
|
||||
return;
|
||||
}
|
||||
|
||||
function fetchData() {
|
||||
fetch("./getData")
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP error! Status: ${response.status}`);
|
||||
}
|
||||
return response.json();
|
||||
})
|
||||
.then(data => {
|
||||
$('#webserver-ip').val(data.webserver.webserverIp);
|
||||
$('#webserver-port').val(data.webserver.webserverPort);
|
||||
$('#tuning-limit').prop("checked", data.webserver.tuningLimit);
|
||||
$('#tuning-lower-limit').val(data.webserver.tuningLowerLimit || "");
|
||||
$('#tuning-upper-limit').val(data.webserver.tuningUpperLimit || "");
|
||||
$("#chat-switch").prop("checked", data.webserver.chatEnabled || false);
|
||||
|
||||
$('#selected-theme').val(data.webserver.defaultTheme || 'Default');
|
||||
$('#rds-mode').prop("checked", data.webserver.rdsMode || false);
|
||||
|
||||
var selectedTheme = $(".option[data-value='" + data.webserver.defaultTheme + "']");
|
||||
|
||||
// If the option exists, set its text as the value of the input
|
||||
if (selectedTheme.length > 0) {
|
||||
$("#selected-theme").val(selectedTheme.text());
|
||||
}
|
||||
|
||||
if (data.webserver.bgImage && data.webserver.bgImage.length > 0) {
|
||||
$("#bg-image").val(data.webserver.bgImage);
|
||||
}
|
||||
|
||||
if(Array.isArray(data.webserver.presets)) {
|
||||
$('#preset1').val(data.webserver.presets[0] || "");
|
||||
$('#preset2').val(data.webserver.presets[1] || "");
|
||||
$('#preset3').val(data.webserver.presets[2] || "");
|
||||
$('#preset4').val(data.webserver.presets[3] || "");
|
||||
}
|
||||
|
||||
$("#default-freq-enable").prop("checked", data.enableDefaultFreq || false);
|
||||
$('#default-freq').val(data.defaultFreq || "87.5");
|
||||
|
||||
$('#ip-addresses').val(data.webserver.banlist?.join('\n') || "");
|
||||
|
||||
$('#connection-type-toggle').prop("checked", data.xdrd.wirelessConnection || false);
|
||||
|
||||
if($('#connection-type-toggle').is(":checked")) {
|
||||
$('#tuner-usb').hide();
|
||||
$('#tuner-wireless').show();
|
||||
} else {
|
||||
$('#tuner-wireless').hide();
|
||||
$('#tuner-usb').show();
|
||||
}
|
||||
|
||||
$('#xdrd-ip').val(data.xdrd.xdrdIp);
|
||||
$('#xdrd-port').val(data.xdrd.xdrdPort);
|
||||
$('#xdrd-password').val(data.xdrd.xdrdPassword);
|
||||
$('#com-devices').val(data.xdrd.comPort);
|
||||
var selectedDevice = $(".option[data-value='" + data.xdrd.comPort + "']");
|
||||
if (selectedDevice.length > 0) {
|
||||
$("#com-devices").val(selectedDevice.text());
|
||||
}
|
||||
|
||||
$('#device-type').val(data.device);
|
||||
var selectedDevice = $(".option[data-value='" + data.device + "']");
|
||||
if (selectedDevice.length > 0) {
|
||||
$("#device-type").val(selectedDevice.text());
|
||||
}
|
||||
|
||||
$('#toggle-bw').prop("checked", data.bwSwitch ? data.bwSwitch : false);
|
||||
|
||||
$('#audio-devices').val(data.audio.audioDevice);
|
||||
$('#audio-channels').val(data.audio.audioChannels);
|
||||
var selectedChannels = $(".option[data-value='" + data.audio.audioChannels + "']");
|
||||
if (selectedChannels.length > 0) {
|
||||
$("#audio-channels").val(selectedChannels.text());
|
||||
}
|
||||
$('#audio-quality').val(data.audio.audioBitrate);
|
||||
var selectedQuality = $(".option[data-value='" + data.audio.audioBitrate + "']");
|
||||
if (selectedQuality.length > 0) {
|
||||
$("#audio-quality").val(selectedQuality.text());
|
||||
}
|
||||
|
||||
var antennaNames = ['ant1', 'ant2', 'ant3', 'ant4'];
|
||||
|
||||
// Iterate over each antenna name
|
||||
antennaNames.forEach(function(antenna) {
|
||||
// Set values based on the antenna name
|
||||
$('#' + antenna + '-name').val(data.antennas?.[antenna]?.name || '');
|
||||
$('#' + antenna + '-enabled').prop("checked", data.antennas?.[antenna]?.enabled || false);
|
||||
});
|
||||
|
||||
$('#audio-software-mode').prop("checked", data.audio.softwareMode || false);
|
||||
$('#startup-volume').val(data.audio.startupVolume || 1);
|
||||
$('#volume-percentage-value').text(data.audio.startupVolume !== undefined ? (data.audio.startupVolume * 100).toFixed(0) + '%' : '100%');
|
||||
|
||||
$('#webserver-name').val(data.identification.tunerName);
|
||||
$('#webserver-desc').val(data.identification.tunerDesc);
|
||||
$("#broadcast-tuner").prop("checked", data.identification.broadcastTuner);
|
||||
$("#broadcast-address").val(data.identification.proxyIp);
|
||||
$("#owner-contact").val(data.identification.contact);
|
||||
$('#lat').val(data.identification.lat);
|
||||
$('#lng').val(data.identification.lon);
|
||||
|
||||
$('#tune-pass').val(data.password.tunePass);
|
||||
$('#admin-pass').val(data.password.adminPass);
|
||||
|
||||
$("#tuner-public").prop("checked", data.publicTuner);
|
||||
$("#tuner-lock").prop("checked", data.lockToAdmin);
|
||||
$("#shutdown-tuner").prop("checked", data.autoShutdown);
|
||||
$("#antenna-switch").prop("checked", data.antennas?.enabled);
|
||||
|
||||
data.plugins.forEach(function(name) {
|
||||
// Find the option with the corresponding data-name attribute and mark it as selected
|
||||
$('#plugin-list option[data-name="' + name + '"]').prop('selected', true);
|
||||
});
|
||||
|
||||
// Update the multi-select element to reflect the changes
|
||||
$('#plugin-list').trigger('change');
|
||||
|
||||
// Check if latitude and longitude are present in the data
|
||||
if (data.identification.lat && data.identification.lon) {
|
||||
// Set the map's center to the received coordinates
|
||||
map.setView([data.identification.lat, data.identification.lon], 13);
|
||||
|
||||
// Add a pin to the map
|
||||
if (typeof pin == "object") {
|
||||
pin.setLatLng([data.identification.lat, data.identification.lon]);
|
||||
} else {
|
||||
pin = L.marker([data.identification.lat, data.identification.lon], { riseOnHover:true, draggable:true });
|
||||
pin.addTo(map);
|
||||
pin.on('drag',function(ev) {
|
||||
$('#lat').val((ev.latlng.lat).toFixed(6));
|
||||
$('#lng').val((ev.latlng.lng).toFixed(6));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
$("#fmlist-integration").prop("checked", !!(data.extras && data.extras?.fmlistIntegration));
|
||||
$('#fmlist-omid').val(data.extras?.fmlistOmid);
|
||||
|
||||
$("#tunnel-enable").prop("checked", !!(data.tunnel && data.tunnel?.enabled));
|
||||
$("#tunnel-lowlatency").prop("checked", !!(data.tunnel && data.tunnel?.lowLatencyMode));
|
||||
$('#tunnel-token').val(data.tunnel?.token);
|
||||
$('#tunnel-subdomain').val(data.tunnel?.subdomain);
|
||||
$('#tunnel-username').val(data.tunnel?.username);
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error fetching data:', error.message);
|
||||
});
|
||||
$.ajax({
|
||||
url: './saveData',
|
||||
type: 'POST',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(configData),
|
||||
success: function (message) {
|
||||
sendToast('success', 'Data saved!', message, true, true);
|
||||
},
|
||||
error: function (error) {
|
||||
console.error(error);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function fetchConfig() {
|
||||
$.getJSON("./getData")
|
||||
.done(data => {
|
||||
configData = data;
|
||||
populateFields(configData);
|
||||
initVolumeSlider();
|
||||
initConnectionToggle();
|
||||
})
|
||||
.fail(error => console.error("Error fetching data:", error.message));
|
||||
}
|
||||
|
||||
function validateAndAdd(banlist) {
|
||||
var textarea = $('#ip-addresses');
|
||||
var ipAddresses = textarea.val().split('\n');
|
||||
function populateFields(data, prefix = "") {
|
||||
$.each(data, (key, value) => {
|
||||
|
||||
// Regular expression to validate IP address
|
||||
var ipRegex = /^(?:[0-9]{1,3}\.){3}[0-9]{1,3}$/;
|
||||
if (key === "presets" && Array.isArray(value)) {
|
||||
value.forEach((item, index) => {
|
||||
const presetId = `${prefix}${prefix ? "-" : ""}${key}-${index + 1}`;
|
||||
const $element = $(`#${presetId}`);
|
||||
|
||||
ipAddresses.forEach(function(ip) {
|
||||
if (ipRegex.test(ip)) {
|
||||
banlist.push(ip);
|
||||
if ($element.length) {
|
||||
$element.val(item);
|
||||
}
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (key === "banlist" && Array.isArray(value)) {
|
||||
const $textarea = $(`#${prefix}${prefix ? "-" : ""}${key}`);
|
||||
if ($textarea.length && $textarea.is("textarea")) {
|
||||
$textarea.val(value.join("\n"));
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
const id = `${prefix}${prefix ? "-" : ""}${key}`;
|
||||
const $element = $(`#${id}`);
|
||||
|
||||
if (typeof value === "object" && !Array.isArray(value)) {
|
||||
populateFields(value, id);
|
||||
return;
|
||||
}
|
||||
|
||||
if (!$element.length) {
|
||||
console.log(`Element with id ${id} not found`);
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof value === "boolean") {
|
||||
$element.prop("checked", value);
|
||||
} else if ($element.is('input[type="text"]') && $element.closest('.dropdown').length) {
|
||||
const $dropdownOption = $element.siblings('ul.options').find(`li[data-value="${value}"]`);
|
||||
$element.val($dropdownOption.length ? $dropdownOption.text() : value);
|
||||
$element.attr('data-value', value);
|
||||
} else {
|
||||
$element.val(value);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function updateConfigData(data, prefix = "") {
|
||||
$.each(data, (key, value) => {
|
||||
const id = `${prefix}${prefix ? "-" : ""}${key}`;
|
||||
const $element = $(`#${id}`);
|
||||
|
||||
if (key === "presets") {
|
||||
data[key] = [];
|
||||
let index = 1;
|
||||
while (true) {
|
||||
const $presetElement = $(`#${prefix}${prefix ? "-" : ""}${key}-${index}`);
|
||||
if ($presetElement.length) {
|
||||
data[key].push($presetElement.val());
|
||||
index++;
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (key === "banlist") {
|
||||
const $textarea = $(`#${prefix}${prefix ? "-" : ""}${key}`);
|
||||
if ($textarea.length && $textarea.is("textarea")) {
|
||||
data[key] = $textarea.val().split("\n").filter(line => line.trim() !== ""); // Split lines into an array and filter out empty lines
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof value === "object" && !Array.isArray(value)) {
|
||||
return updateConfigData(value, id);
|
||||
}
|
||||
|
||||
if ($element.length) {
|
||||
data[key] = typeof value === "boolean" ? $element.is(":checked") : $element.attr("data-value") ?? $element.val();
|
||||
}
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user