sjg
8da4c49d1d
Replace the inline always-visible add-row with a modal overlay (same fixed + blurred-backdrop pattern as the bookmark add/edit form). The "+ Add Entry" button opens the modal; each row now has Edit and Remove buttons. Edit pre-fills the modal and updates the entry in-place on save. CSS reuses the existing bookmark modal selectors rather than duplicating rules. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Signed-off-by: Stanislaw Grams <stanislawgrams@gmail.com>
858 lines
31 KiB
JavaScript
858 lines
31 KiB
JavaScript
// SPDX-FileCopyrightText: 2025 Stanislaw Grams <stanislawgrams@gmail.com>
|
||
//
|
||
// SPDX-License-Identifier: BSD-2-Clause
|
||
|
||
// Background Decoding Scheduler UI
|
||
|
||
(function () {
|
||
"use strict";
|
||
|
||
// -------------------------------------------------------------------------
|
||
// State
|
||
// -------------------------------------------------------------------------
|
||
let schedulerRole = null; // "control" | "rx" | null
|
||
let currentRigId = null;
|
||
let currentConfig = null;
|
||
let currentSchedulerStatus = null;
|
||
let bookmarkList = []; // [{id, name, freq_hz, mode}, ...]
|
||
let statusInterval = null;
|
||
let interleaveTicker = null;
|
||
let schedulerStepPending = false;
|
||
let schEntryEditIdx = null; // null = adding, number = editing that index
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Init
|
||
// -------------------------------------------------------------------------
|
||
function initScheduler(rigId, role) {
|
||
schedulerRole = role;
|
||
currentRigId = rigId || null;
|
||
if (currentRigId) loadScheduler();
|
||
startStatusPolling();
|
||
startInterleaveTicker();
|
||
}
|
||
|
||
function destroyScheduler() {
|
||
if (statusInterval) {
|
||
clearInterval(statusInterval);
|
||
statusInterval = null;
|
||
}
|
||
if (interleaveTicker) {
|
||
clearInterval(interleaveTicker);
|
||
interleaveTicker = null;
|
||
}
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Active rig (mirrors top-bar rig picker in app.js)
|
||
// -------------------------------------------------------------------------
|
||
function setSchedulerRig(rigId) {
|
||
const nextRigId = rigId || null;
|
||
if (nextRigId === currentRigId) return;
|
||
currentRigId = nextRigId;
|
||
renderSchedulerInterleaveStatus();
|
||
if (!currentRigId) return;
|
||
loadScheduler();
|
||
pollStatus();
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// API helpers
|
||
// -------------------------------------------------------------------------
|
||
function apiGetScheduler(rigId) {
|
||
return fetch("/scheduler/" + encodeURIComponent(rigId)).then(function (r) {
|
||
if (!r.ok) throw new Error("HTTP " + r.status);
|
||
return r.json();
|
||
});
|
||
}
|
||
|
||
function apiPutScheduler(rigId, config) {
|
||
return fetch("/scheduler/" + encodeURIComponent(rigId), {
|
||
method: "PUT",
|
||
headers: { "Content-Type": "application/json" },
|
||
body: JSON.stringify(config),
|
||
}).then(function (r) {
|
||
if (!r.ok) throw new Error("HTTP " + r.status);
|
||
return r.json();
|
||
});
|
||
}
|
||
|
||
function apiDeleteScheduler(rigId) {
|
||
return fetch("/scheduler/" + encodeURIComponent(rigId), {
|
||
method: "DELETE",
|
||
}).then(function (r) {
|
||
if (!r.ok) throw new Error("HTTP " + r.status);
|
||
return r.json();
|
||
});
|
||
}
|
||
|
||
function apiGetStatus(rigId) {
|
||
return fetch("/scheduler/" + encodeURIComponent(rigId) + "/status").then(
|
||
function (r) {
|
||
if (!r.ok) throw new Error("HTTP " + r.status);
|
||
return r.json();
|
||
}
|
||
);
|
||
}
|
||
|
||
function apiActivateSchedulerEntry(rigId, entryId) {
|
||
return fetch("/scheduler/" + encodeURIComponent(rigId) + "/activate", {
|
||
method: "PUT",
|
||
headers: { "Content-Type": "application/json" },
|
||
body: JSON.stringify({ entry_id: entryId }),
|
||
}).then(function (r) {
|
||
if (!r.ok) throw new Error("HTTP " + r.status);
|
||
return r.json();
|
||
});
|
||
}
|
||
|
||
function apiGetBookmarks() {
|
||
return fetch("/bookmarks").then(function (r) {
|
||
if (!r.ok) throw new Error("HTTP " + r.status);
|
||
return r.json();
|
||
});
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Load config + bookmarks
|
||
// -------------------------------------------------------------------------
|
||
function loadScheduler() {
|
||
const rig = currentRigId;
|
||
if (!rig) return;
|
||
|
||
Promise.all([apiGetScheduler(rig), apiGetBookmarks()])
|
||
.then(function ([config, bms]) {
|
||
currentConfig = config;
|
||
bookmarkList = Array.isArray(bms) ? bms : [];
|
||
populateTsBookmarkSelect();
|
||
renderScheduler();
|
||
renderSchedulerInterleaveStatus();
|
||
})
|
||
.catch(function (e) {
|
||
console.error("scheduler load failed", e);
|
||
renderSchedulerInterleaveStatus();
|
||
});
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Status polling
|
||
// -------------------------------------------------------------------------
|
||
function startStatusPolling() {
|
||
if (statusInterval) clearInterval(statusInterval);
|
||
statusInterval = setInterval(pollStatus, 15000);
|
||
pollStatus();
|
||
}
|
||
|
||
function startInterleaveTicker() {
|
||
if (interleaveTicker) clearInterval(interleaveTicker);
|
||
interleaveTicker = setInterval(renderSchedulerInterleaveStatus, 1000);
|
||
renderSchedulerInterleaveStatus();
|
||
}
|
||
|
||
function schedulerUtcSeconds() {
|
||
return Math.floor(Date.now() / 1000);
|
||
}
|
||
|
||
function schedulerUtcMinuteInfo() {
|
||
const secs = schedulerUtcSeconds();
|
||
const secsIntoDay = ((secs % 86400) + 86400) % 86400;
|
||
return {
|
||
minuteOfDay: Math.floor(secsIntoDay / 60),
|
||
secondOfMinute: secsIntoDay % 60,
|
||
};
|
||
}
|
||
|
||
function schedulerEntryIsActive(entry, nowMin) {
|
||
const start = Number(entry && entry.start_min);
|
||
const end = Number(entry && entry.end_min);
|
||
if (!Number.isFinite(start) || !Number.isFinite(end)) return false;
|
||
if (start === end) return true;
|
||
if (start < end) return nowMin >= start && nowMin < end;
|
||
return nowMin >= start || nowMin < end;
|
||
}
|
||
|
||
function schedulerEntryCurrentWindowStart(entry, nowMin) {
|
||
const start = Number(entry && entry.start_min);
|
||
const end = Number(entry && entry.end_min);
|
||
if (!Number.isFinite(start) || !Number.isFinite(end)) return Number.NEGATIVE_INFINITY;
|
||
if (start === end) return 0;
|
||
if (start < end) return start;
|
||
return nowMin >= start ? start : (start - 1440);
|
||
}
|
||
|
||
function schedulerEntryDisplayName(entry) {
|
||
if (!entry) return "Scheduler entry";
|
||
if (entry.label) return String(entry.label);
|
||
const bookmarkName = bmName(entry.bookmark_id);
|
||
return bookmarkName || "Scheduler entry";
|
||
}
|
||
|
||
function schedulerInterleaveState(config) {
|
||
if (!config || config.mode !== "time_span") {
|
||
return { activeEntries: [], currentIndex: -1, remainingSec: 0, cycleMin: 0 };
|
||
}
|
||
const entries = Array.isArray(config.entries) ? config.entries : [];
|
||
const minuteInfo = schedulerUtcMinuteInfo();
|
||
const nowMin = minuteInfo.minuteOfDay;
|
||
const active = entries.filter(function (entry) {
|
||
return schedulerEntryIsActive(entry, nowMin);
|
||
});
|
||
if (active.length === 0) {
|
||
return { activeEntries: [], currentIndex: -1, remainingSec: 0, cycleMin: 0 };
|
||
}
|
||
if (active.length === 1) {
|
||
return { activeEntries: active, currentIndex: 0, remainingSec: 0, cycleMin: 0 };
|
||
}
|
||
const defaultInterleave = Number(config.interleave_min);
|
||
const durations = active.map(function (entry) {
|
||
const own = Number(entry && entry.interleave_min);
|
||
if (Number.isFinite(own) && own > 0) return Math.floor(own);
|
||
if (Number.isFinite(defaultInterleave) && defaultInterleave > 0) return Math.floor(defaultInterleave);
|
||
return 0;
|
||
});
|
||
const cycleMin = durations.reduce(function (sum, value) { return sum + value; }, 0);
|
||
if (!(cycleMin > 0)) {
|
||
return { activeEntries: active, currentIndex: 0, remainingSec: 0, cycleMin: 0 };
|
||
}
|
||
const statusEntryId = currentSchedulerStatus && currentSchedulerStatus.last_entry_id
|
||
? String(currentSchedulerStatus.last_entry_id)
|
||
: "";
|
||
const statusIndex = statusEntryId
|
||
? active.findIndex(function (entry) { return String(entry && entry.id || "") === statusEntryId; })
|
||
: -1;
|
||
const statusAppliedUtc = currentSchedulerStatus && Number.isFinite(Number(currentSchedulerStatus.last_applied_utc))
|
||
? Number(currentSchedulerStatus.last_applied_utc)
|
||
: null;
|
||
if (statusIndex >= 0 && statusAppliedUtc != null) {
|
||
const manualDurationMin = durations[statusIndex];
|
||
const elapsedSec = Math.max(0, schedulerUtcSeconds() - statusAppliedUtc);
|
||
const remainingSec = (manualDurationMin > 0)
|
||
? Math.max(1, (manualDurationMin * 60) - elapsedSec)
|
||
: 0;
|
||
if (remainingSec > 0) {
|
||
return {
|
||
activeEntries: active,
|
||
currentIndex: statusIndex,
|
||
remainingSec: remainingSec,
|
||
cycleMin: cycleMin,
|
||
};
|
||
}
|
||
}
|
||
const overlapStart = active.reduce(function (maxStart, entry) {
|
||
return Math.max(maxStart, schedulerEntryCurrentWindowStart(entry, nowMin));
|
||
}, Number.NEGATIVE_INFINITY);
|
||
if (!Number.isFinite(overlapStart)) {
|
||
return { activeEntries: active, currentIndex: 0, remainingSec: 0, cycleMin: 0 };
|
||
}
|
||
const nowMinPrecise = minuteInfo.minuteOfDay + (minuteInfo.secondOfMinute / 60);
|
||
const posMin = ((nowMinPrecise - overlapStart) % cycleMin + cycleMin) % cycleMin;
|
||
let cumulative = 0;
|
||
let slotStart = 0;
|
||
let currentIndex = 0;
|
||
let currentDuration = 0;
|
||
for (let i = 0; i < durations.length; i += 1) {
|
||
const nextCumulative = cumulative + durations[i];
|
||
if (posMin < nextCumulative) {
|
||
slotStart = cumulative;
|
||
cumulative = nextCumulative;
|
||
currentIndex = i;
|
||
currentDuration = durations[i];
|
||
break;
|
||
}
|
||
cumulative = nextCumulative;
|
||
}
|
||
if (!(currentDuration > 0)) {
|
||
return { activeEntries: active, currentIndex: 0, remainingSec: 0, cycleMin: 0 };
|
||
}
|
||
const elapsedSlotSec = Math.max(0, Math.floor((posMin - slotStart) * 60));
|
||
const remainingSec = Math.max(1, (currentDuration * 60) - elapsedSlotSec);
|
||
return {
|
||
activeEntries: active,
|
||
currentIndex: currentIndex,
|
||
remainingSec: remainingSec,
|
||
cycleMin: cycleMin,
|
||
};
|
||
}
|
||
|
||
function schedulerInterleaveSummary(config) {
|
||
const state = schedulerInterleaveState(config);
|
||
if (state.activeEntries.length <= 1 || !(state.cycleMin > 0)) return "Interleaving: off";
|
||
const activeName = schedulerEntryDisplayName(state.activeEntries[state.currentIndex]);
|
||
return "Interleaving: " + activeName + " · next switch in " + state.remainingSec + "s (" + state.cycleMin + " min cycle)";
|
||
}
|
||
|
||
function renderSchedulerInterleaveStatus() {
|
||
const el = document.getElementById("scheduler-cycle-status");
|
||
if (!el) return;
|
||
el.textContent = schedulerInterleaveSummary(currentConfig);
|
||
renderSchedulerStepControls();
|
||
}
|
||
|
||
function renderSchedulerStepControls() {
|
||
const prevBtn = document.getElementById("scheduler-prev-btn");
|
||
const nextBtn = document.getElementById("scheduler-next-btn");
|
||
if (!prevBtn || !nextBtn) return;
|
||
const state = schedulerInterleaveState(currentConfig);
|
||
const enabled =
|
||
schedulerRole === "control" &&
|
||
!!currentRigId &&
|
||
!schedulerStepPending &&
|
||
state.activeEntries.length > 1;
|
||
prevBtn.disabled = !enabled;
|
||
nextBtn.disabled = !enabled;
|
||
const hint = enabled
|
||
? "Select a different active scheduler entry"
|
||
: "Available only when multiple scheduler entries are active";
|
||
prevBtn.title = hint;
|
||
nextBtn.title = hint;
|
||
}
|
||
|
||
function pollStatus() {
|
||
const rig = currentRigId;
|
||
if (!rig) return;
|
||
apiGetStatus(rig)
|
||
.then(function (st) {
|
||
currentSchedulerStatus = st || null;
|
||
renderStatus(st);
|
||
renderSchedulerInterleaveStatus();
|
||
})
|
||
.catch(function () {});
|
||
}
|
||
|
||
function renderStatus(st) {
|
||
const el = document.getElementById("scheduler-status-card");
|
||
if (!el) return;
|
||
if (!st || (!st.active && !st.last_bookmark_id)) {
|
||
el.textContent = "No activity yet.";
|
||
return;
|
||
}
|
||
const statusEntryId = st.last_entry_id ? String(st.last_entry_id) : "";
|
||
const entry = statusEntryId && currentConfig && Array.isArray(currentConfig.entries)
|
||
? currentConfig.entries.find(function (item) { return String(item && item.id || "") === statusEntryId; })
|
||
: null;
|
||
const name = entry
|
||
? schedulerEntryDisplayName(entry)
|
||
: (st.last_bookmark_name || st.last_bookmark_id || "—");
|
||
let ts = "";
|
||
if (st.last_applied_utc) {
|
||
const d = new Date(st.last_applied_utc * 1000);
|
||
ts = " at " + d.toUTCString();
|
||
}
|
||
el.textContent = "Last applied: " + name + ts;
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Render the full scheduler panel
|
||
// -------------------------------------------------------------------------
|
||
function renderScheduler() {
|
||
const panel = document.getElementById("scheduler-panel");
|
||
if (!panel) return;
|
||
|
||
const mode = (currentConfig && currentConfig.mode) || "disabled";
|
||
const isControl = schedulerRole === "control";
|
||
|
||
// Mode selector
|
||
setSelected("scheduler-mode-select", mode);
|
||
|
||
// Show/hide sections
|
||
const glSection = document.getElementById("scheduler-grayline-section");
|
||
const tsSection = document.getElementById("scheduler-timespan-section");
|
||
if (glSection) glSection.style.display = mode === "grayline" ? "" : "none";
|
||
if (tsSection) tsSection.style.display = mode === "time_span" ? "" : "none";
|
||
|
||
// Grayline inputs
|
||
if (mode === "grayline" && currentConfig && currentConfig.grayline) {
|
||
const gl = currentConfig.grayline;
|
||
// Prefer saved value; fall back to server coordinates from app.js globals.
|
||
const lat = gl.lat != null ? gl.lat : (typeof serverLat !== "undefined" ? serverLat : "");
|
||
const lon = gl.lon != null ? gl.lon : (typeof serverLon !== "undefined" ? serverLon : "");
|
||
setInputValue("scheduler-gl-lat", lat != null ? lat : "");
|
||
setInputValue("scheduler-gl-lon", lon != null ? lon : "");
|
||
setInputValue("scheduler-gl-window", gl.transition_window_min != null ? gl.transition_window_min : 20);
|
||
renderBookmarkSelect("scheduler-gl-dawn", gl.dawn_bookmark_id);
|
||
renderBookmarkSelect("scheduler-gl-day", gl.day_bookmark_id);
|
||
renderBookmarkSelect("scheduler-gl-dusk", gl.dusk_bookmark_id);
|
||
renderBookmarkSelect("scheduler-gl-night", gl.night_bookmark_id);
|
||
} else if (mode === "grayline") {
|
||
// No saved grayline config yet — pre-fill coords from server if available.
|
||
const lat = typeof serverLat !== "undefined" ? serverLat : "";
|
||
const lon = typeof serverLon !== "undefined" ? serverLon : "";
|
||
setInputValue("scheduler-gl-lat", lat != null ? lat : "");
|
||
setInputValue("scheduler-gl-lon", lon != null ? lon : "");
|
||
setInputValue("scheduler-gl-window", 20);
|
||
renderBookmarkSelect("scheduler-gl-dawn", null);
|
||
renderBookmarkSelect("scheduler-gl-day", null);
|
||
renderBookmarkSelect("scheduler-gl-dusk", null);
|
||
renderBookmarkSelect("scheduler-gl-night", null);
|
||
} else {
|
||
renderBookmarkSelect("scheduler-gl-dawn", null);
|
||
renderBookmarkSelect("scheduler-gl-day", null);
|
||
renderBookmarkSelect("scheduler-gl-dusk", null);
|
||
renderBookmarkSelect("scheduler-gl-night", null);
|
||
}
|
||
|
||
// Interleave input
|
||
const ilEl = document.getElementById("scheduler-ts-interleave");
|
||
if (ilEl) {
|
||
const il = currentConfig && currentConfig.interleave_min;
|
||
ilEl.value = il ? il : "";
|
||
}
|
||
|
||
// TimeSpan entries
|
||
renderTimespanEntries();
|
||
|
||
// Enable/disable controls
|
||
const formEls = panel.querySelectorAll("input, select, button.sch-write");
|
||
formEls.forEach(function (el) {
|
||
el.disabled = !isControl;
|
||
});
|
||
const saveBtn = document.getElementById("scheduler-save-btn");
|
||
if (saveBtn) {
|
||
saveBtn.style.display = isControl ? "" : "none";
|
||
}
|
||
const resetBtn = document.getElementById("scheduler-reset-btn");
|
||
if (resetBtn) {
|
||
resetBtn.style.display = isControl ? "" : "none";
|
||
}
|
||
}
|
||
|
||
function setSelected(id, value) {
|
||
const el = document.getElementById(id);
|
||
if (el) el.value = value;
|
||
}
|
||
|
||
function setInputValue(id, value) {
|
||
const el = document.getElementById(id);
|
||
if (el) el.value = value;
|
||
}
|
||
|
||
function renderBookmarkSelect(id, selectedId) {
|
||
const sel = document.getElementById(id);
|
||
if (!sel) return;
|
||
sel.innerHTML = '<option value="">— none —</option>';
|
||
bookmarkList.forEach(function (bm) {
|
||
const opt = document.createElement("option");
|
||
opt.value = bm.id;
|
||
opt.textContent = bm.name + " (" + formatFreq(bm.freq_hz) + " " + bm.mode + ")";
|
||
if (bm.id === selectedId) opt.selected = true;
|
||
sel.appendChild(opt);
|
||
});
|
||
}
|
||
|
||
function formatFreq(hz) {
|
||
if (hz >= 1e6) return (hz / 1e6).toFixed(3) + " MHz";
|
||
if (hz >= 1e3) return (hz / 1e3).toFixed(1) + " kHz";
|
||
return hz + " Hz";
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Entry form (modal — mirrors bookmark add/edit modal)
|
||
// -------------------------------------------------------------------------
|
||
function schOpenEntryForm(entry, idx) {
|
||
schEntryEditIdx = (idx != null) ? idx : null;
|
||
|
||
const titleEl = document.getElementById("sch-entry-form-title");
|
||
if (titleEl) titleEl.textContent = entry ? "Edit Entry" : "Add Entry";
|
||
|
||
const startEl = document.getElementById("scheduler-ts-start");
|
||
const endEl = document.getElementById("scheduler-ts-end");
|
||
const bmEl = document.getElementById("scheduler-ts-bookmark");
|
||
const labelEl = document.getElementById("scheduler-ts-label");
|
||
const ilEl = document.getElementById("scheduler-ts-entry-interleave");
|
||
const centerHzEl = document.getElementById("scheduler-ts-center-hz");
|
||
|
||
if (startEl) startEl.value = entry ? minToHHMM(entry.start_min) : "";
|
||
if (endEl) endEl.value = entry ? minToHHMM(entry.end_min) : "";
|
||
if (bmEl) bmEl.value = entry ? (entry.bookmark_id || "") : "";
|
||
if (labelEl) labelEl.value = entry ? (entry.label || "") : "";
|
||
if (ilEl) ilEl.value = entry && entry.interleave_min ? entry.interleave_min : "";
|
||
if (centerHzEl) centerHzEl.value = entry && entry.center_hz ? entry.center_hz : "";
|
||
|
||
pendingExtraBmIds = entry && Array.isArray(entry.bookmark_ids) ? entry.bookmark_ids.slice() : [];
|
||
renderExtraBmList();
|
||
|
||
const wrap = document.getElementById("sch-entry-form-wrap");
|
||
if (wrap) {
|
||
wrap.style.display = "flex";
|
||
if (startEl) startEl.focus();
|
||
}
|
||
}
|
||
|
||
function schCloseEntryForm() {
|
||
const wrap = document.getElementById("sch-entry-form-wrap");
|
||
if (wrap) wrap.style.display = "none";
|
||
schEntryEditIdx = null;
|
||
pendingExtraBmIds = [];
|
||
}
|
||
|
||
function schEntryFormSubmit(e) {
|
||
e.preventDefault();
|
||
|
||
const startEl = document.getElementById("scheduler-ts-start");
|
||
const endEl = document.getElementById("scheduler-ts-end");
|
||
const bmEl = document.getElementById("scheduler-ts-bookmark");
|
||
const labelEl = document.getElementById("scheduler-ts-label");
|
||
const ilEl = document.getElementById("scheduler-ts-entry-interleave");
|
||
const centerHzEl = document.getElementById("scheduler-ts-center-hz");
|
||
if (!startEl || !endEl || !bmEl) return;
|
||
|
||
const bmId = bmEl.value;
|
||
if (!bmId) {
|
||
alert("Please select a primary bookmark.");
|
||
return;
|
||
}
|
||
|
||
const startMin = hhmmToMin(startEl.value);
|
||
const endMin = hhmmToMin(endEl.value);
|
||
const label = labelEl ? labelEl.value.trim() : "";
|
||
const ilVal = ilEl ? parseInt(ilEl.value, 10) : NaN;
|
||
const entryInterleave = !isNaN(ilVal) && ilVal > 0 ? ilVal : null;
|
||
const centerHzRaw = centerHzEl ? parseInt(centerHzEl.value, 10) : NaN;
|
||
const centerHz = !isNaN(centerHzRaw) && centerHzRaw > 0 ? centerHzRaw : null;
|
||
const extraBmIds = pendingExtraBmIds.slice();
|
||
|
||
if (!currentConfig) {
|
||
currentConfig = { rig_id: currentRigId, mode: "time_span", entries: [] };
|
||
}
|
||
if (!currentConfig.entries) currentConfig.entries = [];
|
||
|
||
const entryData = {
|
||
start_min: startMin,
|
||
end_min: endMin,
|
||
bookmark_id: bmId,
|
||
label: label || null,
|
||
interleave_min: entryInterleave,
|
||
center_hz: centerHz,
|
||
bookmark_ids: extraBmIds,
|
||
};
|
||
|
||
if (schEntryEditIdx !== null) {
|
||
const existing = currentConfig.entries[schEntryEditIdx];
|
||
entryData.id = existing ? existing.id : ("ts_" + Date.now().toString(36));
|
||
currentConfig.entries[schEntryEditIdx] = entryData;
|
||
} else {
|
||
entryData.id = "ts_" + Date.now().toString(36);
|
||
currentConfig.entries.push(entryData);
|
||
}
|
||
|
||
schCloseEntryForm();
|
||
renderTimespanEntries();
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// TimeSpan entries table
|
||
// -------------------------------------------------------------------------
|
||
function renderTimespanEntries() {
|
||
const tbody = document.getElementById("scheduler-ts-tbody");
|
||
if (!tbody) return;
|
||
tbody.innerHTML = "";
|
||
const entries =
|
||
currentConfig && Array.isArray(currentConfig.entries)
|
||
? currentConfig.entries
|
||
: [];
|
||
entries.forEach(function (entry, idx) {
|
||
const tr = document.createElement("tr");
|
||
const il = entry.interleave_min ? String(entry.interleave_min) + " min" : "—";
|
||
const allDay = entry.start_min === entry.end_min;
|
||
const centerCell = entry.center_hz ? formatFreq(entry.center_hz) : "—";
|
||
const extraIds = Array.isArray(entry.bookmark_ids) ? entry.bookmark_ids : [];
|
||
const extraCell = extraIds.length
|
||
? extraIds.map(function (id) { return escHtml(bmName(id)); }).join(", ")
|
||
: "—";
|
||
tr.innerHTML =
|
||
'<td>' + (allDay ? "All day" : minToHHMM(entry.start_min)) + '</td>' +
|
||
'<td>' + (allDay ? "—" : minToHHMM(entry.end_min)) + '</td>' +
|
||
'<td>' + centerCell + '</td>' +
|
||
'<td>' + escHtml(bmName(entry.bookmark_id)) + '</td>' +
|
||
'<td>' + extraCell + '</td>' +
|
||
'<td>' + escHtml(entry.label || "") + '</td>' +
|
||
'<td>' + il + '</td>' +
|
||
'<td>' +
|
||
'<button class="sch-write sch-edit-btn" data-idx="' + idx + '" type="button">Edit</button>' +
|
||
'<button class="sch-write sch-remove-btn" data-idx="' + idx + '" type="button">Remove</button>' +
|
||
'</td>';
|
||
tbody.appendChild(tr);
|
||
});
|
||
tbody.querySelectorAll(".sch-edit-btn").forEach(function (btn) {
|
||
btn.addEventListener("click", function () {
|
||
const i = parseInt(btn.dataset.idx, 10);
|
||
const entry = currentConfig && currentConfig.entries ? currentConfig.entries[i] : null;
|
||
if (entry) schOpenEntryForm(entry, i);
|
||
});
|
||
});
|
||
tbody.querySelectorAll(".sch-remove-btn").forEach(function (btn) {
|
||
btn.addEventListener("click", function () {
|
||
removeEntry(parseInt(btn.dataset.idx, 10));
|
||
});
|
||
});
|
||
}
|
||
|
||
function bmName(id) {
|
||
const bm = bookmarkList.find(function (b) { return b.id === id; });
|
||
return bm ? bm.name : String(id || "");
|
||
}
|
||
|
||
function minToHHMM(min) {
|
||
const h = Math.floor(min / 60) % 24;
|
||
const m = min % 60;
|
||
return String(h).padStart(2, "0") + ":" + String(m).padStart(2, "0");
|
||
}
|
||
|
||
function hhmmToMin(str) {
|
||
const parts = str.split(":");
|
||
return parseInt(parts[0] || "0", 10) * 60 + parseInt(parts[1] || "0", 10);
|
||
}
|
||
|
||
function escHtml(s) {
|
||
return String(s)
|
||
.replace(/&/g, "&")
|
||
.replace(/</g, "<")
|
||
.replace(/>/g, ">")
|
||
.replace(/"/g, """);
|
||
}
|
||
|
||
function schedulerSelectRelativeEntry(delta) {
|
||
const state = schedulerInterleaveState(currentConfig);
|
||
if (!currentRigId || schedulerStepPending || state.activeEntries.length <= 1) return;
|
||
const count = state.activeEntries.length;
|
||
const currentIndex = state.currentIndex >= 0 ? state.currentIndex : 0;
|
||
const targetIndex = (currentIndex + delta + count) % count;
|
||
const target = state.activeEntries[targetIndex];
|
||
if (!target || !target.id) return;
|
||
|
||
schedulerStepPending = true;
|
||
renderSchedulerStepControls();
|
||
|
||
Promise.resolve(typeof vchanTakeSchedulerControl === "function" ? vchanTakeSchedulerControl() : null)
|
||
.then(function () {
|
||
return apiActivateSchedulerEntry(currentRigId, target.id);
|
||
})
|
||
.then(function (status) {
|
||
currentSchedulerStatus = status || null;
|
||
return Promise.resolve(
|
||
typeof vchanToggleSchedulerRelease === "function"
|
||
? vchanToggleSchedulerRelease()
|
||
: null
|
||
).then(function () {
|
||
renderStatus(status);
|
||
renderSchedulerInterleaveStatus();
|
||
showSchedulerToast("Selected " + schedulerEntryDisplayName(target) + ".");
|
||
pollStatus();
|
||
});
|
||
})
|
||
.catch(function (e) {
|
||
console.error("scheduler entry selection failed", e);
|
||
showSchedulerToast("Scheduler entry selection failed: " + e.message, true);
|
||
})
|
||
.finally(function () {
|
||
schedulerStepPending = false;
|
||
renderSchedulerStepControls();
|
||
});
|
||
}
|
||
|
||
function removeEntry(idx) {
|
||
if (!currentConfig || !currentConfig.entries) return;
|
||
currentConfig.entries.splice(idx, 1);
|
||
renderTimespanEntries();
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Save
|
||
// -------------------------------------------------------------------------
|
||
function saveScheduler() {
|
||
const rig = currentRigId;
|
||
if (!rig) return;
|
||
|
||
const modeEl = document.getElementById("scheduler-mode-select");
|
||
const mode = modeEl ? modeEl.value : "disabled";
|
||
|
||
const config = {
|
||
rig_id: rig,
|
||
mode,
|
||
grayline: null,
|
||
entries: [],
|
||
};
|
||
|
||
if (mode === "grayline") {
|
||
const lat = parseFloat(document.getElementById("scheduler-gl-lat").value);
|
||
const lon = parseFloat(document.getElementById("scheduler-gl-lon").value);
|
||
const win = parseInt(document.getElementById("scheduler-gl-window").value, 10);
|
||
config.grayline = {
|
||
lat: isNaN(lat) ? 0 : lat,
|
||
lon: isNaN(lon) ? 0 : lon,
|
||
transition_window_min: isNaN(win) ? 20 : win,
|
||
dawn_bookmark_id: selectVal("scheduler-gl-dawn") || null,
|
||
day_bookmark_id: selectVal("scheduler-gl-day") || null,
|
||
dusk_bookmark_id: selectVal("scheduler-gl-dusk") || null,
|
||
night_bookmark_id: selectVal("scheduler-gl-night") || null,
|
||
};
|
||
} else if (mode === "time_span") {
|
||
config.entries =
|
||
currentConfig && currentConfig.entries ? currentConfig.entries : [];
|
||
const ilVal = parseInt(document.getElementById("scheduler-ts-interleave").value, 10);
|
||
config.interleave_min = isNaN(ilVal) || ilVal <= 0 ? null : ilVal;
|
||
}
|
||
|
||
const btn = document.getElementById("scheduler-save-btn");
|
||
if (btn) btn.disabled = true;
|
||
|
||
apiPutScheduler(rig, config)
|
||
.then(function (saved) {
|
||
currentConfig = saved;
|
||
renderScheduler();
|
||
showSchedulerToast("Scheduler saved.");
|
||
})
|
||
.catch(function (e) {
|
||
showSchedulerToast("Save failed: " + e.message, true);
|
||
})
|
||
.finally(function () {
|
||
if (btn) btn.disabled = false;
|
||
});
|
||
}
|
||
|
||
function selectVal(id) {
|
||
const el = document.getElementById(id);
|
||
return el ? el.value : "";
|
||
}
|
||
|
||
function resetScheduler() {
|
||
const rig = currentRigId;
|
||
if (!rig) return;
|
||
if (!confirm("Reset scheduler for this rig to Disabled?")) return;
|
||
|
||
apiDeleteScheduler(rig)
|
||
.then(function () {
|
||
currentConfig = {
|
||
rig_id: rig,
|
||
mode: "disabled",
|
||
grayline: null,
|
||
entries: [],
|
||
};
|
||
renderScheduler();
|
||
showSchedulerToast("Scheduler reset.");
|
||
})
|
||
.catch(function (e) {
|
||
showSchedulerToast("Reset failed: " + e.message, true);
|
||
});
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Toast helper
|
||
// -------------------------------------------------------------------------
|
||
function showSchedulerToast(msg, isError) {
|
||
const el = document.getElementById("scheduler-toast");
|
||
if (!el) return;
|
||
el.textContent = msg;
|
||
el.style.background = isError ? "var(--color-error, #c00)" : "var(--accent-green)";
|
||
el.style.display = "block";
|
||
setTimeout(function () {
|
||
el.style.display = "none";
|
||
}, 3000);
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Wire events (called once DOM is ready)
|
||
// -------------------------------------------------------------------------
|
||
function wireSchedulerEvents() {
|
||
const modeEl = document.getElementById("scheduler-mode-select");
|
||
if (modeEl) {
|
||
modeEl.addEventListener("change", function () {
|
||
if (!currentConfig) currentConfig = { rig_id: currentRigId, mode: modeEl.value, entries: [] };
|
||
currentConfig.mode = modeEl.value;
|
||
renderScheduler();
|
||
});
|
||
}
|
||
|
||
const saveBtn = document.getElementById("scheduler-save-btn");
|
||
if (saveBtn) saveBtn.addEventListener("click", saveScheduler);
|
||
|
||
const resetBtn = document.getElementById("scheduler-reset-btn");
|
||
if (resetBtn) resetBtn.addEventListener("click", resetScheduler);
|
||
|
||
const addBtn = document.getElementById("scheduler-ts-add-btn");
|
||
if (addBtn) addBtn.addEventListener("click", function () { schOpenEntryForm(null, null); });
|
||
|
||
const entryForm = document.getElementById("sch-entry-form");
|
||
if (entryForm) entryForm.addEventListener("submit", schEntryFormSubmit);
|
||
|
||
const cancelBtn = document.getElementById("sch-entry-form-cancel");
|
||
if (cancelBtn) cancelBtn.addEventListener("click", schCloseEntryForm);
|
||
|
||
const prevBtn = document.getElementById("scheduler-prev-btn");
|
||
if (prevBtn) prevBtn.addEventListener("click", function () {
|
||
schedulerSelectRelativeEntry(-1);
|
||
});
|
||
|
||
const nextBtn = document.getElementById("scheduler-next-btn");
|
||
if (nextBtn) nextBtn.addEventListener("click", function () {
|
||
schedulerSelectRelativeEntry(1);
|
||
});
|
||
|
||
wireExtraBmAdd();
|
||
}
|
||
|
||
function populateTsBookmarkSelect() {
|
||
const sel = document.getElementById("scheduler-ts-bookmark");
|
||
const extraSel = document.getElementById("scheduler-ts-extra-bm-pick");
|
||
[sel, extraSel].forEach(function (el) {
|
||
if (!el) return;
|
||
const prev = el.value;
|
||
el.innerHTML = '<option value="">— select bookmark —</option>';
|
||
bookmarkList.forEach(function (bm) {
|
||
const opt = document.createElement("option");
|
||
opt.value = bm.id;
|
||
opt.textContent = bm.name + " (" + formatFreq(bm.freq_hz) + " " + bm.mode + ")";
|
||
el.appendChild(opt);
|
||
});
|
||
if (prev) el.value = prev;
|
||
});
|
||
}
|
||
|
||
// Pending extra bookmark IDs for the entry being composed in the add form.
|
||
let pendingExtraBmIds = [];
|
||
|
||
function renderExtraBmList() {
|
||
const container = document.getElementById("scheduler-ts-extra-bm-list");
|
||
if (!container) return;
|
||
container.innerHTML = "";
|
||
pendingExtraBmIds.forEach(function (id, idx) {
|
||
const bm = bookmarkList.find(function (b) { return b.id === id; });
|
||
const tag = document.createElement("span");
|
||
tag.className = "sch-extra-bm-tag";
|
||
tag.textContent = bm ? bm.name : id;
|
||
const rm = document.createElement("span");
|
||
rm.className = "sch-extra-bm-rm";
|
||
rm.textContent = "×";
|
||
rm.title = "Remove";
|
||
rm.addEventListener("click", function () {
|
||
pendingExtraBmIds.splice(idx, 1);
|
||
renderExtraBmList();
|
||
});
|
||
tag.appendChild(rm);
|
||
container.appendChild(tag);
|
||
});
|
||
}
|
||
|
||
function wireExtraBmAdd() {
|
||
const addBtn = document.getElementById("scheduler-ts-extra-bm-add");
|
||
if (!addBtn || addBtn._wired) return;
|
||
addBtn._wired = true;
|
||
addBtn.addEventListener("click", function () {
|
||
const pick = document.getElementById("scheduler-ts-extra-bm-pick");
|
||
if (!pick || !pick.value) return;
|
||
if (!pendingExtraBmIds.includes(pick.value)) {
|
||
pendingExtraBmIds.push(pick.value);
|
||
renderExtraBmList();
|
||
}
|
||
pick.value = "";
|
||
});
|
||
}
|
||
|
||
// -------------------------------------------------------------------------
|
||
// Public API
|
||
// -------------------------------------------------------------------------
|
||
window.initScheduler = initScheduler;
|
||
window.destroyScheduler = destroyScheduler;
|
||
window.wireSchedulerEvents = wireSchedulerEvents;
|
||
window.setSchedulerRig = setSchedulerRig;
|
||
})();
|