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.
60 lines
2.8 KiB
HTML
60 lines
2.8 KiB
HTML
<h2 class="dialog-title">Text widget</h2>
|
|
|
|
<section class="card">
|
|
<h2 class="card-title">Text</h2>
|
|
<p class="sub">A short block of styled text -- select some and use the
|
|
toolbar, or just type. Saved as plain text plus style flags, not raw
|
|
HTML.</p>
|
|
<div class="richtext-editor" id="text-editor" contenteditable="true"
|
|
data-content='{{ (text_cfg.content if text_cfg else none) | tojson }}'></div>
|
|
<div class="richtext-toolbar" id="text-toolbar">
|
|
<button type="button" class="richtext-btn" id="text-bold" title="Bold" data-cmd="bold"><b>B</b></button>
|
|
<button type="button" class="richtext-btn" id="text-italic" title="Italic" data-cmd="italic"><i>I</i></button>
|
|
<button type="button" class="richtext-btn" id="text-underline" title="Underline" data-cmd="underline"><u>U</u></button>
|
|
<span class="richtext-toolbar-sep"></span>
|
|
<label class="richtext-color-label" title="Text color">A<input type="color" id="text-color" value="#000000"></label>
|
|
<label class="richtext-color-label" title="Highlight color">▣<input type="color" id="text-highlight" value="#ffff00"></label>
|
|
<button type="button" class="richtext-btn" id="text-highlight-clear" title="Remove highlight">×</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card" style="margin-top: 20px;">
|
|
<h2 class="card-title">Settings</h2>
|
|
<form id="text-config-form">
|
|
<label>Font family
|
|
<select id="text_font_family">
|
|
{% for value, label in text_font_families.items() %}
|
|
<option value="{{ value }}" {% if text_cfg and text_cfg.font_family == value %}selected{% endif %}>{{ label }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</label>
|
|
<label>Font size
|
|
<input type="range" id="text_font_size" min="10" max="96" step="2"
|
|
value="{{ text_cfg.font_size if text_cfg else 28 }}">
|
|
<span class="slider-value" id="text_font_size_value">{{ text_cfg.font_size if text_cfg else 28 }}px</span>
|
|
</label>
|
|
<label>Alignment
|
|
<select id="text_align">
|
|
{% for value, label in [("left", "Left"), ("center", "Center"), ("right", "Right")] %}
|
|
<option value="{{ value }}" {% if text_cfg and text_cfg.align == value %}selected{% endif %}>{{ label }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</label>
|
|
<label>Background color
|
|
<input type="color" id="text_background_color" value="{{ text_cfg.background_color if text_cfg else '#ffffff' }}">
|
|
</label>
|
|
<button type="submit">Save</button>
|
|
</form>
|
|
</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="text-preview" alt="Text widget preview">
|
|
<button type="button" class="secondary" id="text-preview-refresh">Refresh now</button>
|
|
</section>
|