tfaour
fcf3aec4c0
Next/back button assignment moves from a frame-level "Button assignments" card into each widget's own gear-icon dialog, prefilled with a sane default at creation (photos/calendar -> advance/back, whiteboard/weather -> check_now, others -> none). At most one binding per (widget, button) now -- cross-widget execution order never mattered since each widget's action only touches its own state. New firmware capability: holding NEXT or BACK past a configurable duration (min 3s, server-side default) triggers a frame-wide action instead of the per-widget short-press one -- cycling saved layouts, refreshing all widgets, or freezing/unfreezing every photo widget (see app/global_actions.py). Firmware next/back checks gain the same hold-duration polling the combo button already had; the threshold comes from the previous wake's /frame/config fetch (persisted in NVS), since this wake's button decision happens before that request. Not done here: firmware/version.txt is intentionally left unbumped -- this hasn't been built or hardware-tested (no ESP-IDF toolchain in this environment), so no firmware release build should be triggered yet.
65 lines
2.3 KiB
JavaScript
65 lines
2.3 KiB
JavaScript
// Static image widget dialog: upload, display-mode setting, and the
|
|
// rendered preview. Not a page-load script -- frame_layout.js fetches
|
|
// this widget's dialog HTML fragment, injects it into the shared
|
|
// <dialog>, points window.FRAME_API at this specific widget
|
|
// (/api/frames/{id}/widgets/{widget_id}), then calls initStaticDialog().
|
|
|
|
function loadStaticPreview() {
|
|
document.getElementById('static-preview').src = `${window.FRAME_API}/preview/static?_=${Date.now()}`;
|
|
}
|
|
|
|
function initStaticDialog() {
|
|
document.getElementById('static-upload').addEventListener('click', async () => {
|
|
const input = document.getElementById('static-file');
|
|
if (!input.files.length) {
|
|
showStatus(false, 'Pick a file first.');
|
|
return;
|
|
}
|
|
const form = new FormData();
|
|
form.append('file', input.files[0]);
|
|
try {
|
|
const resp = await fetch(`${window.FRAME_API}/static-upload`, { method: 'POST', body: form });
|
|
if (!resp.ok) throw new Error(await apiError(resp));
|
|
const result = await resp.json();
|
|
const currentFileEl = document.getElementById('static-current-file');
|
|
currentFileEl.textContent = 'Currently showing: ';
|
|
const nameEl = document.createElement('strong');
|
|
nameEl.textContent = result.filename;
|
|
currentFileEl.appendChild(nameEl);
|
|
input.value = '';
|
|
showStatus(true, 'Uploaded.');
|
|
loadStaticPreview();
|
|
} catch (e) {
|
|
showStatus(false, e.message);
|
|
}
|
|
});
|
|
|
|
document.getElementById('static-config-form').addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const body = new URLSearchParams({
|
|
display_mode: document.getElementById('display_mode').value,
|
|
});
|
|
try {
|
|
const resp = await fetch(`${window.FRAME_API}/config`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
|
body,
|
|
});
|
|
if (!resp.ok) throw new Error(await apiError(resp));
|
|
showStatus(true, 'Saved.');
|
|
loadStaticPreview();
|
|
} catch (e) {
|
|
showStatus(false, e.message);
|
|
}
|
|
});
|
|
|
|
document.getElementById('static-preview-refresh').addEventListener('click', loadStaticPreview);
|
|
loadStaticPreview();
|
|
initBorderFields();
|
|
initButtonActionFields();
|
|
}
|
|
|
|
function closeStaticDialog() {
|
|
// Nothing to tear down -- no poll interval, unlike the photos dialog.
|
|
}
|