const urlField = document.getElementById('url');
const whitelistField = document.getElementById('whitelist');
const logPathField = document.getElementById('logpath');
const saveButton = document.getElementById('save');
const cancelButton = document.getElementById('cancel');

saveButton.addEventListener('click', () => {
    let configData = {
        url: "",
        whitelist: [],
        logPath: "",
    };

    configData.url = urlField.value;
    configData.logPath = logPathField.value;
    configData.whitelist = whitelistField.value;

    window.electronAPI.save(configData);
})

cancelButton.addEventListener('click', () => { window.electronAPI.cancel() });

window.electronAPI.onUpdate((configData) => {
    urlField.value = configData.url;
    let whitelist = "";
    configData.whitelist.forEach(item => {
        whitelist += item + ";\n";
    });
    whitelistField.value = whitelist;
    logPathField.value = configData.logPath;
});

document.addEventListener('keyup', (event) => {
    if (event.code == 'Escape') window.electronAPI.cancel();
});