3afb499930
Added secondary color transition Added option to have UI while receiving realtime Fixed mDNS not working Fixed Arduino OTA not working when locked but enabled
110 lines
8.0 KiB
HTML
110 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>LED Settings</title>
|
||
<script>
|
||
function H()
|
||
{
|
||
window.open("https://github.com/Aircoookie/WLED/wiki/Settings");
|
||
}
|
||
function B()
|
||
{
|
||
window.open("/settings","_self");
|
||
}
|
||
function GetV()
|
||
{
|
||
//values injected by server while sending HTML
|
||
}
|
||
</script>
|
||
<style>
|
||
:root {
|
||
--aCol: #D9B310;
|
||
--bCol: #0B3C5D;
|
||
--cCol: #1D2731;
|
||
--dCol: #328CC1;
|
||
--sCol: #000;
|
||
}
|
||
body {
|
||
font-family: Verdana, Helvetica, sans-serif;
|
||
text-align: center;
|
||
background: var(--cCol);
|
||
color: var(--dCol);
|
||
line-height: 200%;
|
||
margin: 0;
|
||
background-attachment: fixed;
|
||
}
|
||
hr {
|
||
border-color: var(--dCol);
|
||
filter: drop-shadow( -5px -5px 5px var(--sCol) );
|
||
}
|
||
button {
|
||
background: var(--bCol);
|
||
color: var(--dCol);
|
||
border: 0.3ch solid var(--bCol);
|
||
display: inline-block;
|
||
filter: drop-shadow( -5px -5px 5px var(--sCol) );
|
||
font-size: 20px;
|
||
margin: 8px;
|
||
margin-top: 12px;
|
||
}
|
||
.helpB {
|
||
text-align: left;
|
||
position: absolute;
|
||
width:60px;
|
||
}
|
||
input {
|
||
background: var(--bCol);
|
||
color: var(--dCol);
|
||
border: 0.5ch solid var(--bCol);
|
||
filter: drop-shadow( -5px -5px 5px var(--sCol) );
|
||
}
|
||
input[type=number] {
|
||
width: 3em;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body onload="GetV()">
|
||
<form id="form_s" name="Sf" method="post">
|
||
<div class="helpB"><button type="button" onclick="H()">?</button></div>
|
||
<button type="button" onclick="B()">Back</button><button type="submit">Save</button><hr>
|
||
<h2>LED setup</h2>
|
||
LED count: <input name="LC" type="number" min="1" max="1200" required><br>
|
||
LEDs are 4-channel type (RGBW): <input type="checkbox" name="EW"><br>
|
||
Apply preset <input name="BP" type="number" min="0" max="25" required> at boot (0 uses defaults)<br>
|
||
Default RGB color:
|
||
<input name="CR" type="number" min="0" max="255" required>
|
||
<input name="CG" type="number" min="0" max="255" required>
|
||
<input name="CB" type="number" min="0" max="255" required><br>
|
||
Default white value (only RGBW): <input name="CW" type="number" min="0" max="255" required><br>
|
||
Default brightness: <input name="CA" type="number" min="0" max="255" required> (0-255)<br>
|
||
Default effect ID: <input name="FX" type="number" min="0" max="57" required><br>
|
||
Default effect speed: <input name="SX" type="number" min="0" max="255" required><br>
|
||
Default effect intensity: <input name="IX" type="number" min="0" max="255" required><br>
|
||
Default secondary RGB(W):<br>
|
||
<input name="SR" type="number" min="0" max="255" required>
|
||
<input name="SG" type="number" min="0" max="255" required>
|
||
<input name="SB" type="number" min="0" max="255" required>
|
||
<input name="SW" type="number" min="0" max="255" required><br>
|
||
Ignore and use current color, brightness and effects: <input type="checkbox" name="IS"><br>
|
||
Turn on after power up/reset: <input type="checkbox" name="BO"><br>
|
||
Use Gamma correction for brightness: <input type="checkbox" name="GB"><br>
|
||
Use Gamma correction for color: <input type="checkbox" name="GC"><br>
|
||
Brightness factor: <input name="BF" type="number" min="0" max="255" required> %
|
||
<h3>Transitions</h3>
|
||
Fade: <input type="checkbox" name="TF"><br>
|
||
Sweep: <input type="checkbox" name="TS"> Invert direction: <input type="checkbox" name="TI"><br>
|
||
Transition Time: <input name="TD" maxlength="5" size="2"> ms<br>
|
||
Enable transition for secondary color: <input type="checkbox" name="T2"><br>
|
||
<h3>Timed light</h3>
|
||
Default Duration: <input name="TL" type="number" min="1" max="255" required> min<br>
|
||
Default Target brightness: <input name="TB" type="number" min="0" max="255" required><br>
|
||
Fade down: <input type="checkbox" name="TW"><br>
|
||
<h3>Advanced</h3>
|
||
Reverse LED order (rotate 180): <input type="checkbox" name="RV"><br>
|
||
Init LEDs after WiFi: <input type="checkbox" name="EI"><br>
|
||
WARLS offset: <input name="WO" type="number" min="-255" max="255" required><hr>
|
||
<button type="button" onclick="B()">Back</button><button type="submit">Save</button>
|
||
</form>
|
||
</body>
|
||
</html>
|