87 lines
3.2 KiB
JavaScript
87 lines
3.2 KiB
JavaScript
// Settings page
|
|
(async function () {
|
|
function normalizeEnergyRate(value) {
|
|
const parsed = Number.parseFloat(value);
|
|
if (!Number.isFinite(parsed) || parsed < 0) return '0.0000';
|
|
return parsed.toFixed(4);
|
|
}
|
|
|
|
async function loadUi() {
|
|
const r = await window.apiFetch('/api/config/ui');
|
|
if (!r.ok) return;
|
|
const ui = await r.json();
|
|
const form = document.getElementById('ui-form');
|
|
Object.entries(ui).forEach(([k, v]) => {
|
|
const el = form.elements[k];
|
|
if (!el) return;
|
|
if (el.type === 'checkbox') el.checked = !!v;
|
|
else if (k === 'energy_cost_per_kwh') el.value = normalizeEnergyRate(v);
|
|
else el.value = v;
|
|
});
|
|
}
|
|
|
|
async function loadSmtp() {
|
|
const r = await window.apiFetch('/api/config/smtp');
|
|
if (!r.ok) return;
|
|
const s = await r.json();
|
|
if (!s) return;
|
|
const form = document.getElementById('smtp-form');
|
|
Object.entries(s).forEach(([k, v]) => {
|
|
const el = form.elements[k];
|
|
if (!el) return;
|
|
if (k === 'to_addrs' && Array.isArray(v)) el.value = v.join(', ');
|
|
else if (el.type === 'checkbox') el.checked = !!v;
|
|
else if (v !== null && v !== undefined) el.value = v;
|
|
});
|
|
}
|
|
|
|
document.getElementById('ui-form').addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const f = e.target;
|
|
const payload = {
|
|
show_events: f.show_events.checked,
|
|
show_energy: f.show_energy.checked,
|
|
color_badges: f.color_badges.checked,
|
|
enable_transfer_burst_alert: f.enable_transfer_burst_alert.checked,
|
|
enable_voltage_deviation_alert: f.enable_voltage_deviation_alert.checked,
|
|
energy_cost_per_kwh: Number.parseFloat(normalizeEnergyRate(f.energy_cost_per_kwh.value)),
|
|
};
|
|
const r = await window.apiFetch('/api/config/ui', {
|
|
method: 'PUT', body: JSON.stringify(payload),
|
|
});
|
|
alert(r.ok ? 'UI settings saved' : 'Save failed');
|
|
});
|
|
|
|
document.getElementById('smtp-form').addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const f = e.target;
|
|
const to = f.to_addrs.value.split(',').map(s => s.trim()).filter(Boolean);
|
|
const payload = {
|
|
host: f.host.value,
|
|
port: parseInt(f.port.value, 10),
|
|
username: f.username.value || null,
|
|
use_tls: f.use_tls.checked,
|
|
use_ssl: f.use_ssl.checked,
|
|
from_addr: f.from_addr.value || null,
|
|
to_addrs: to,
|
|
subject_prefix: f.subject_prefix.value || '[UPS]',
|
|
silent_hours_start: f.silent_hours_start.value ? parseInt(f.silent_hours_start.value, 10) : null,
|
|
silent_hours_end: f.silent_hours_end.value ? parseInt(f.silent_hours_end.value, 10) : null,
|
|
daily_summary_hour: f.daily_summary_hour.value ? parseInt(f.daily_summary_hour.value, 10) : null,
|
|
};
|
|
const r = await window.apiFetch('/api/config/smtp', {
|
|
method: 'PUT', body: JSON.stringify(payload),
|
|
});
|
|
alert(r.ok ? 'SMTP saved' : 'Save failed');
|
|
});
|
|
|
|
document.getElementById('test-smtp-btn').addEventListener('click', async () => {
|
|
const r = await window.apiFetch('/api/config/smtp/test', { method: 'POST' });
|
|
const body = await r.json().catch(() => ({}));
|
|
alert(r.ok ? 'Test email sent' : 'Failed: ' + (body.detail || 'unknown'));
|
|
});
|
|
|
|
await loadUi();
|
|
await loadSmtp();
|
|
})();
|