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.
63 lines
3.0 KiB
HTML
63 lines
3.0 KiB
HTML
<h2 class="dialog-title">Whiteboard widget (alpha)</h2>
|
|
|
|
<section class="card">
|
|
<h2 class="card-title">Whiteboard source</h2>
|
|
<p class="sub">Renders a Nextcloud Whiteboard (or any Excalidraw
|
|
scene) fetched over WebDAV -- credentials set up in
|
|
<a href="/settings">Settings</a>.</p>
|
|
|
|
<div id="whiteboard-current-source">
|
|
{% if whiteboard_source %}
|
|
<p class="sub" style="margin-top: 10px;">
|
|
Currently showing <strong>{{ whiteboard_source.url }}</strong>
|
|
using <strong>{{ whiteboard_source.display_name }}</strong>'s
|
|
WebDAV account.
|
|
<button type="button" class="btn-inline secondary" id="whiteboard-source-clear">Clear</button>
|
|
</p>
|
|
{% else %}
|
|
<p class="sub" style="margin-top: 10px;">No whiteboard configured yet.</p>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% if viewer_has_webdav_creds %}
|
|
<form id="whiteboard-source-form" style="margin-top: 16px;">
|
|
<label><span id="whiteboard-source-form-label">{{ "Change to one of your own files" if whiteboard_source else "Use one of your own files" }}</span>
|
|
<input type="text" id="whiteboard-url-input"
|
|
placeholder="https://cloud.example.com/remote.php/dav/files/you/Boards/family.whiteboard"
|
|
value="{{ whiteboard_source.url if whiteboard_source and whiteboard_source.user_id == user.id else '' }}">
|
|
</label>
|
|
<p class="sub" style="margin-top: 4px;">The direct WebDAV URL
|
|
to the specific file -- in Nextcloud's Files app, this is
|
|
the file's path under
|
|
<code>remote.php/dav/files/<your-username>/</code>.
|
|
<button type="button" class="btn-inline secondary" id="whiteboard-browse-toggle">Browse...</button></p>
|
|
|
|
<div id="whiteboard-browser" style="display: none; margin-top: 8px; border: 1px solid var(--border-color, #ccc); border-radius: 6px; padding: 8px;">
|
|
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
|
|
<button type="button" class="btn-inline secondary" id="whiteboard-browse-up" disabled>Up</button>
|
|
<span class="sub" id="whiteboard-browse-current" style="word-break: break-all;"></span>
|
|
</div>
|
|
<ul id="whiteboard-browse-list" style="list-style: none; margin: 0; padding: 0; max-height: 260px; overflow-y: auto;"></ul>
|
|
<p class="sub" id="whiteboard-browse-error" style="display: none; color: var(--error-color, #c00);"></p>
|
|
</div>
|
|
|
|
<button type="submit">Save</button>
|
|
</form>
|
|
{% else %}
|
|
<p class="sub" style="margin-top: 10px;">Set up WebDAV credentials
|
|
in <a href="/settings">Settings</a> first to point this widget at
|
|
one of your own files.</p>
|
|
{% endif %}
|
|
</section>
|
|
|
|
{% include "_widget_border_fields.html" %}
|
|
|
|
{% include "_widget_button_fields.html" %}
|
|
|
|
<section class="card" style="margin-top: 20px;">
|
|
<h2 class="card-title">Preview</h2>
|
|
<p class="sub">How this widget currently renders.</p>
|
|
<img class="preview-img" id="whiteboard-preview" alt="Whiteboard preview">
|
|
<button type="button" class="secondary" id="whiteboard-preview-refresh">Refresh now</button>
|
|
</section>
|