Files
espurna/code/html/src/template-led.html
Maxim Prokhorov ed26dbda8b webui: more annoying group input/select
revert set:/del: merge, do not allow to miss key pruning

allow certain fields to have 'unset' state via 'required' attribute
ensure 'unset' fields cannot be added to data payload

generate ui tooltip when 'unset' field is created in a group or erased by user

ref. #2612
2024-07-12 18:27:42 +03:00

37 lines
1.8 KiB
HTML

<template id="template-led-config" >
<div class="pure-form pure-form-aligned">
<fieldset>
<legend>LED #<span data-key="template-id"></span></legend>
<div class="pure-control-group">
<label>GPIO</label>
<select class="pure-input-2-3" name="ledGpio" data-action="reboot" data-enumerable="gpio-hardware" required></select>
</div>
<div class="pure-control-group">
<label>Inverse logic</label>
<input class="checkbox-toggle" type="checkbox" name="ledInv">
</div>
<div class="pure-control-group">
<label>Mode</label>
<select class="pure-input-2-3" name="ledMode" required>
<option disabled selected value=""></option>
<option value="wifi">WiFi status</option>
<option value="relay">Follow switch</option>
<option value="relay-inverse">Inverse switch</option>
<option value="findme">Find me</option>
<option value="findme-wifi">Find me &amp; WiFi</option>
<option value="relays">Switch(es) status</option>
<option value="relays-wifi">Switch(es) &amp; WiFi</option>
<option value="manual">Manual</option>
<option value="on">Always ON</option>
<option value="off">Always OFF</option>
</select>
</div>
<div class="module-relay pure-control-group">
<label>Relay ID</label>
<select class="pure-input-2-3" name="ledRelay" data-enumerable="relay"></select>
</div>
</fieldset>
<button class="pure-button button-del-settings-group more" type="button">Delete LED</button>
</div>
</template>