alexei.dolgolyov/ledgrab
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 14 Wiki Activity

Add EntitySelect/IconSelect UI improvements across modals

Browse Source 
- Portal IconSelect popups to document.body with position:fixed to prevent
  clipping by modal overflow-y:auto
- Replace custom scene selectors in automation editor with EntitySelect
  command-palette pickers (main scene + fallback scene)
- Add IconSelect grid for automation deactivation mode (none/revert/fallback)
- Add IconSelect grid for automation condition type and match type
- Replace mapped zone source dropdowns with EntitySelect pickers
- Replace scene target selector with EntityPalette.pick() pattern
- Remove effect palette preview bar from CSS editor
- Remove sensitivity badge from audio color strip source cards
- Clean up unused scene-selector CSS and scene-target-add-row CSS
- Add locale keys for all new UI elements across en/ru/zh

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-03-09 16:00:30 +03:00
parent 186940124c
commit 2712c6682e
32 changed files with 1204 additions and 391 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/src/wled_controller/templates/modals/automation-editor.html
+4 -18
View File
@@ -56,18 +56,11 @@
<div class="form-group">
<div class="label-row">
<label data-i18n="automations.scene">Scene:</label>
<label for="automation-scene-id" data-i18n="automations.scene">Scene:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="automations.scene.hint">Scene preset to activate when conditions are met</small>
<div id="automation-scene-selector" class="scene-selector">
<input type="hidden" id="automation-scene-id">
<div class="scene-selector-input-wrap">
<input type="text" id="automation-scene-search" class="scene-selector-input" placeholder="Search scenes..." autocomplete="off" data-i18n-placeholder="automations.scene.search_placeholder">
<button type="button" class="scene-selector-clear" id="automation-scene-clear" title="Clear">&times;</button>
</div>
<div class="scene-selector-dropdown" id="automation-scene-dropdown"></div>
</div>
<select id="automation-scene-id"></select>
</div>
<div class="form-group">
@@ -85,18 +78,11 @@
<div class="form-group" id="automation-fallback-scene-group" style="display:none">
<div class="label-row">
<label data-i18n="automations.deactivation_scene">Fallback Scene:</label>
<label for="automation-fallback-scene-id" data-i18n="automations.deactivation_scene">Fallback Scene:</label>
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
</div>
<small class="input-hint" style="display:none" data-i18n="automations.deactivation_scene.hint">Scene to activate when this automation deactivates</small>
<div id="automation-fallback-scene-selector" class="scene-selector">
<input type="hidden" id="automation-fallback-scene-id">
<div class="scene-selector-input-wrap">
<input type="text" id="automation-fallback-scene-search" class="scene-selector-input" placeholder="Search scenes..." autocomplete="off" data-i18n-placeholder="automations.scene.search_placeholder">
<button type="button" class="scene-selector-clear" id="automation-fallback-scene-clear" title="Clear">&times;</button>
</div>
<div class="scene-selector-dropdown" id="automation-fallback-scene-dropdown"></div>
</div>
<select id="automation-fallback-scene-id"></select>
</div>
<div id="automation-editor-error" class="error-message" style="display: none;"></div>