Merge branch '0_14_1' into 0_15
This commit is contained in:
commit
47bc1bf88d
@ -24,6 +24,9 @@ Enables the inverted mode in which the background should be enabled and the digi
|
|||||||
### Colon-blinking
|
### Colon-blinking
|
||||||
Enables the blinking colon(s) if they are defined
|
Enables the blinking colon(s) if they are defined
|
||||||
|
|
||||||
|
### Leading-Zero
|
||||||
|
Shows the leading zero of the hour if it exists (i.e. shows `07` instead of `7`)
|
||||||
|
|
||||||
### enable-auto-brightness
|
### enable-auto-brightness
|
||||||
Enables the auto brightness feature. Can be used only when the usermod SN_Photoresistor is installed.
|
Enables the auto brightness feature. Can be used only when the usermod SN_Photoresistor is installed.
|
||||||
|
|
||||||
|
@ -17,6 +17,7 @@ private:
|
|||||||
bool umSSDRDisplayTime = false;
|
bool umSSDRDisplayTime = false;
|
||||||
bool umSSDRInverted = false;
|
bool umSSDRInverted = false;
|
||||||
bool umSSDRColonblink = true;
|
bool umSSDRColonblink = true;
|
||||||
|
bool umSSDRLeadingZero = false;
|
||||||
bool umSSDREnableLDR = false;
|
bool umSSDREnableLDR = false;
|
||||||
String umSSDRHours = "";
|
String umSSDRHours = "";
|
||||||
String umSSDRMinutes = "";
|
String umSSDRMinutes = "";
|
||||||
@ -79,6 +80,7 @@ private:
|
|||||||
static const char _str_timeEnabled[];
|
static const char _str_timeEnabled[];
|
||||||
static const char _str_inverted[];
|
static const char _str_inverted[];
|
||||||
static const char _str_colonblink[];
|
static const char _str_colonblink[];
|
||||||
|
static const char _str_leadingZero[];
|
||||||
static const char _str_displayMask[];
|
static const char _str_displayMask[];
|
||||||
static const char _str_hours[];
|
static const char _str_hours[];
|
||||||
static const char _str_minutes[];
|
static const char _str_minutes[];
|
||||||
@ -105,15 +107,15 @@ private:
|
|||||||
switch (umSSDRDisplayMask[index]) {
|
switch (umSSDRDisplayMask[index]) {
|
||||||
case 'h':
|
case 'h':
|
||||||
timeVar = hourFormat12(localTime);
|
timeVar = hourFormat12(localTime);
|
||||||
_showElements(&umSSDRHours, timeVar, 0, 1);
|
_showElements(&umSSDRHours, timeVar, 0, !umSSDRLeadingZero);
|
||||||
break;
|
break;
|
||||||
case 'H':
|
case 'H':
|
||||||
timeVar = hour(localTime);
|
timeVar = hour(localTime);
|
||||||
_showElements(&umSSDRHours, timeVar, 0, 1);
|
_showElements(&umSSDRHours, timeVar, 0, !umSSDRLeadingZero);
|
||||||
break;
|
break;
|
||||||
case 'k':
|
case 'k':
|
||||||
timeVar = hour(localTime) + 1;
|
timeVar = hour(localTime) + 1;
|
||||||
_showElements(&umSSDRHours, timeVar, 0, 0);
|
_showElements(&umSSDRHours, timeVar, 0, !umSSDRLeadingZero);
|
||||||
break;
|
break;
|
||||||
case 'm':
|
case 'm':
|
||||||
timeVar = minute(localTime);
|
timeVar = minute(localTime);
|
||||||
@ -309,6 +311,9 @@ private:
|
|||||||
if (_cmpIntSetting_P(topic, payload, _str_colonblink, &umSSDRColonblink)) {
|
if (_cmpIntSetting_P(topic, payload, _str_colonblink, &umSSDRColonblink)) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
if (_cmpIntSetting_P(topic, payload, _str_leadingZero, &umSSDRLeadingZero)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
if (strcmp_P(topic, _str_displayMask) == 0) {
|
if (strcmp_P(topic, _str_displayMask) == 0) {
|
||||||
umSSDRDisplayMask = String(payload);
|
umSSDRDisplayMask = String(payload);
|
||||||
_publishMQTTstr_P(_str_displayMask, umSSDRDisplayMask);
|
_publishMQTTstr_P(_str_displayMask, umSSDRDisplayMask);
|
||||||
@ -323,6 +328,7 @@ private:
|
|||||||
_publishMQTTint_P(_str_ldrEnabled, umSSDREnableLDR);
|
_publishMQTTint_P(_str_ldrEnabled, umSSDREnableLDR);
|
||||||
_publishMQTTint_P(_str_inverted, umSSDRInverted);
|
_publishMQTTint_P(_str_inverted, umSSDRInverted);
|
||||||
_publishMQTTint_P(_str_colonblink, umSSDRColonblink);
|
_publishMQTTint_P(_str_colonblink, umSSDRColonblink);
|
||||||
|
_publishMQTTint_P(_str_leadingZero, umSSDRLeadingZero);
|
||||||
|
|
||||||
_publishMQTTstr_P(_str_hours, umSSDRHours);
|
_publishMQTTstr_P(_str_hours, umSSDRHours);
|
||||||
_publishMQTTstr_P(_str_minutes, umSSDRMinutes);
|
_publishMQTTstr_P(_str_minutes, umSSDRMinutes);
|
||||||
@ -347,6 +353,7 @@ private:
|
|||||||
ssdrObj[FPSTR(_str_ldrEnabled)] = umSSDREnableLDR;
|
ssdrObj[FPSTR(_str_ldrEnabled)] = umSSDREnableLDR;
|
||||||
ssdrObj[FPSTR(_str_inverted)] = umSSDRInverted;
|
ssdrObj[FPSTR(_str_inverted)] = umSSDRInverted;
|
||||||
ssdrObj[FPSTR(_str_colonblink)] = umSSDRColonblink;
|
ssdrObj[FPSTR(_str_colonblink)] = umSSDRColonblink;
|
||||||
|
ssdrObj[FPSTR(_str_leadingZero)] = umSSDRLeadingZero;
|
||||||
ssdrObj[FPSTR(_str_displayMask)] = umSSDRDisplayMask;
|
ssdrObj[FPSTR(_str_displayMask)] = umSSDRDisplayMask;
|
||||||
ssdrObj[FPSTR(_str_hours)] = umSSDRHours;
|
ssdrObj[FPSTR(_str_hours)] = umSSDRHours;
|
||||||
ssdrObj[FPSTR(_str_minutes)] = umSSDRMinutes;
|
ssdrObj[FPSTR(_str_minutes)] = umSSDRMinutes;
|
||||||
@ -425,6 +432,8 @@ public:
|
|||||||
invert.add(umSSDRInverted);
|
invert.add(umSSDRInverted);
|
||||||
JsonArray blink = user.createNestedArray("Blinking colon");
|
JsonArray blink = user.createNestedArray("Blinking colon");
|
||||||
blink.add(umSSDRColonblink);
|
blink.add(umSSDRColonblink);
|
||||||
|
JsonArray zero = user.createNestedArray("Show the hour leading zero");
|
||||||
|
zero.add(umSSDRLeadingZero);
|
||||||
JsonArray ldrEnable = user.createNestedArray("Auto Brightness enabled");
|
JsonArray ldrEnable = user.createNestedArray("Auto Brightness enabled");
|
||||||
ldrEnable.add(umSSDREnableLDR);
|
ldrEnable.add(umSSDREnableLDR);
|
||||||
|
|
||||||
@ -454,6 +463,7 @@ public:
|
|||||||
umSSDREnableLDR = ssdrObj[FPSTR(_str_ldrEnabled)] | umSSDREnableLDR;
|
umSSDREnableLDR = ssdrObj[FPSTR(_str_ldrEnabled)] | umSSDREnableLDR;
|
||||||
umSSDRInverted = ssdrObj[FPSTR(_str_inverted)] | umSSDRInverted;
|
umSSDRInverted = ssdrObj[FPSTR(_str_inverted)] | umSSDRInverted;
|
||||||
umSSDRColonblink = ssdrObj[FPSTR(_str_colonblink)] | umSSDRColonblink;
|
umSSDRColonblink = ssdrObj[FPSTR(_str_colonblink)] | umSSDRColonblink;
|
||||||
|
umSSDRLeadingZero = ssdrObj[FPSTR(_str_leadingZero)] | umSSDRLeadingZero;
|
||||||
umSSDRDisplayMask = ssdrObj[FPSTR(_str_displayMask)] | umSSDRDisplayMask;
|
umSSDRDisplayMask = ssdrObj[FPSTR(_str_displayMask)] | umSSDRDisplayMask;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -516,6 +526,7 @@ public:
|
|||||||
umSSDREnableLDR = (top[FPSTR(_str_ldrEnabled)] | umSSDREnableLDR);
|
umSSDREnableLDR = (top[FPSTR(_str_ldrEnabled)] | umSSDREnableLDR);
|
||||||
umSSDRInverted = (top[FPSTR(_str_inverted)] | umSSDRInverted);
|
umSSDRInverted = (top[FPSTR(_str_inverted)] | umSSDRInverted);
|
||||||
umSSDRColonblink = (top[FPSTR(_str_colonblink)] | umSSDRColonblink);
|
umSSDRColonblink = (top[FPSTR(_str_colonblink)] | umSSDRColonblink);
|
||||||
|
umSSDRLeadingZero = (top[FPSTR(_str_leadingZero)] | umSSDRLeadingZero);
|
||||||
|
|
||||||
umSSDRDisplayMask = top[FPSTR(_str_displayMask)] | umSSDRDisplayMask;
|
umSSDRDisplayMask = top[FPSTR(_str_displayMask)] | umSSDRDisplayMask;
|
||||||
umSSDRHours = top[FPSTR(_str_hours)] | umSSDRHours;
|
umSSDRHours = top[FPSTR(_str_hours)] | umSSDRHours;
|
||||||
@ -546,6 +557,7 @@ const char UsermodSSDR::_str_name[] PROGMEM = "UsermodSSDR";
|
|||||||
const char UsermodSSDR::_str_timeEnabled[] PROGMEM = "enabled";
|
const char UsermodSSDR::_str_timeEnabled[] PROGMEM = "enabled";
|
||||||
const char UsermodSSDR::_str_inverted[] PROGMEM = "inverted";
|
const char UsermodSSDR::_str_inverted[] PROGMEM = "inverted";
|
||||||
const char UsermodSSDR::_str_colonblink[] PROGMEM = "Colon-blinking";
|
const char UsermodSSDR::_str_colonblink[] PROGMEM = "Colon-blinking";
|
||||||
|
const char UsermodSSDR::_str_leadingZero[] PROGMEM = "Leading-Zero";
|
||||||
const char UsermodSSDR::_str_displayMask[] PROGMEM = "Display-Mask";
|
const char UsermodSSDR::_str_displayMask[] PROGMEM = "Display-Mask";
|
||||||
const char UsermodSSDR::_str_hours[] PROGMEM = "LED-Numbers-Hours";
|
const char UsermodSSDR::_str_hours[] PROGMEM = "LED-Numbers-Hours";
|
||||||
const char UsermodSSDR::_str_minutes[] PROGMEM = "LED-Numbers-Minutes";
|
const char UsermodSSDR::_str_minutes[] PROGMEM = "LED-Numbers-Minutes";
|
||||||
|
@ -5946,6 +5946,8 @@ uint16_t mode_2Dscrollingtext(void) {
|
|||||||
else if (!strncmp_P(text,PSTR("#MMDD"),5)) sprintf_P(text, zero?PSTR("%02d/%02d") :PSTR("%d/%d"), month(localTime), day(localTime));
|
else if (!strncmp_P(text,PSTR("#MMDD"),5)) sprintf_P(text, zero?PSTR("%02d/%02d") :PSTR("%d/%d"), month(localTime), day(localTime));
|
||||||
else if (!strncmp_P(text,PSTR("#TIME"),5)) sprintf_P(text, zero?PSTR("%02d:%02d%s") :PSTR("%2d:%02d%s"), AmPmHour, minute(localTime), sec);
|
else if (!strncmp_P(text,PSTR("#TIME"),5)) sprintf_P(text, zero?PSTR("%02d:%02d%s") :PSTR("%2d:%02d%s"), AmPmHour, minute(localTime), sec);
|
||||||
else if (!strncmp_P(text,PSTR("#HHMM"),5)) sprintf_P(text, zero?PSTR("%02d:%02d") :PSTR("%d:%02d"), AmPmHour, minute(localTime));
|
else if (!strncmp_P(text,PSTR("#HHMM"),5)) sprintf_P(text, zero?PSTR("%02d:%02d") :PSTR("%d:%02d"), AmPmHour, minute(localTime));
|
||||||
|
else if (!strncmp_P(text,PSTR("#HH"),3)) sprintf_P(text, zero?PSTR("%02d") :PSTR("%d"), AmPmHour);
|
||||||
|
else if (!strncmp_P(text,PSTR("#MM"),3)) sprintf_P(text, zero?PSTR("%02d") :PSTR("%d"), minute(localTime));
|
||||||
}
|
}
|
||||||
|
|
||||||
const int numberOfLetters = strlen(text);
|
const int numberOfLetters = strlen(text);
|
||||||
|
@ -376,6 +376,7 @@
|
|||||||
<button class="btn" onclick="setLor(2)">Override until reboot</button><br>
|
<button class="btn" onclick="setLor(2)">Override until reboot</button><br>
|
||||||
<span class="h">For best performance, it is recommended to turn off the streaming source when not in use.</span>
|
<span class="h">For best performance, it is recommended to turn off the streaming source when not in use.</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<i id="roverstar" class="icons huge" onclick="setLor(0)"></i><br>
|
<i id="roverstar" class="icons huge" onclick="setLor(0)"></i><br>
|
||||||
<script src="index.js"></script>
|
<script src="index.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
@ -33,10 +33,9 @@ var hol = [
|
|||||||
[0,11,24,4,"https://aircoookie.github.io/xmas.png"], // christmas
|
[0,11,24,4,"https://aircoookie.github.io/xmas.png"], // christmas
|
||||||
[0,2,17,1,"https://images.alphacoders.com/491/491123.jpg"], // st. Patrick's day
|
[0,2,17,1,"https://images.alphacoders.com/491/491123.jpg"], // st. Patrick's day
|
||||||
[2025,3,20,2,"https://aircoookie.github.io/easter.png"],
|
[2025,3,20,2,"https://aircoookie.github.io/easter.png"],
|
||||||
[2023,3,9,2,"https://aircoookie.github.io/easter.png"],
|
|
||||||
[2024,2,31,2,"https://aircoookie.github.io/easter.png"],
|
[2024,2,31,2,"https://aircoookie.github.io/easter.png"],
|
||||||
[0,6,4,1,"https://initiate.alphacoders.com/download/wallpaper/516792/images/jpg/510921363292536"], // 4th of July
|
[0,6,4,1,"https://images.alphacoders.com/516/516792.jpg"], // 4th of July
|
||||||
[0,0,1,1,"https://initiate.alphacoders.com/download/wallpaper/1198800/images/jpg/2522807481585600"] // new year
|
[0,0,1,1,"https://images.alphacoders.com/119/1198800.jpg"] // new year
|
||||||
];
|
];
|
||||||
|
|
||||||
function handleVisibilityChange() {if (!d.hidden && new Date () - lastUpdate > 3000) requestJson();}
|
function handleVisibilityChange() {if (!d.hidden && new Date () - lastUpdate > 3000) requestJson();}
|
||||||
@ -1529,12 +1528,15 @@ function setEffectParameters(idx)
|
|||||||
} else gId('fxopt').classList.add('fade');
|
} else gId('fxopt').classList.add('fade');
|
||||||
|
|
||||||
// set the bottom position of selected effect (sticky) as the top of sliders div
|
// set the bottom position of selected effect (sticky) as the top of sliders div
|
||||||
setInterval(()=>{
|
function setSelectedEffectPosition() {
|
||||||
let top = parseInt(getComputedStyle(gId("sliders")).height);
|
let top = parseInt(getComputedStyle(gId("sliders")).height);
|
||||||
top += 5;
|
top += 5;
|
||||||
let sel = d.querySelector('#fxlist .selected');
|
let sel = d.querySelector('#fxlist .selected');
|
||||||
if (sel) sel.style.bottom = top + "px"; // we will need to remove this when unselected (in setFX())
|
if (sel) sel.style.bottom = top + "px"; // we will need to remove this when unselected (in setFX())
|
||||||
},750);
|
}
|
||||||
|
|
||||||
|
setSelectedEffectPosition();
|
||||||
|
setInterval(setSelectedEffectPosition,750);
|
||||||
// set html color items on/off
|
// set html color items on/off
|
||||||
var cslLabel = '';
|
var cslLabel = '';
|
||||||
var sep = '';
|
var sep = '';
|
||||||
|
@ -7,13 +7,10 @@
|
|||||||
|
|
||||||
<title>Pixel Magic Tool</title>
|
<title>Pixel Magic Tool</title>
|
||||||
|
|
||||||
<!-- <link
|
|
||||||
rel="shortcut icon"
|
|
||||||
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK9JREFUeNqUUssNwyAMJZWVUw4dhRHakZA6RqWMFEbwKDnk1FNBekEWxOBYQggL/D68yXXq+M7PtHkcefn89vrOw/UrP96w/NUFGiDLRz71GyY0QJa1Yn+nFa0ShqUNYCAF0QvoceOB4naEZif6UTNRapYaTyauRi4DEspr4Hbs5YKsbmtMyeJ0LxeESV4gB+hlSy4oO2txWysyus0a0+lO6vBjxcTMlG4mt2H6F2AAhU5NWu4dorQAAAAASUVORK5CYII=
|
|
||||||
" /> -->
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:root {
|
:root {
|
||||||
|
--s-thumb: #0006;
|
||||||
|
--s-background: #0003;
|
||||||
--overlay: rgba(0, 0, 0, 0.5);
|
--overlay: rgba(0, 0, 0, 0.5);
|
||||||
--background: #111;
|
--background: #111;
|
||||||
--text: #bbb;
|
--text: #bbb;
|
||||||
@ -34,6 +31,24 @@
|
|||||||
--warning-light: #f48c06;
|
--warning-light: #f48c06;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background: var(--s-thumb);
|
||||||
|
opacity: 0.2;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: var(--s-background);
|
||||||
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background: var(--blue-light);
|
background: var(--blue-light);
|
||||||
}
|
}
|
||||||
@ -65,7 +80,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin: 2px 0 5px;
|
margin: 2px 0 5px;
|
||||||
color: var(--text);
|
color: var(--gray-light);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -83,10 +98,19 @@
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
:is(a:hover, a:focus, a:active) {
|
a:is(:hover, :focus, :active) {
|
||||||
color: var(--blue-medium);
|
color: var(--blue-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#wledEdit {
|
||||||
|
padding: 4px 8px;
|
||||||
|
background: var(--blue-light);
|
||||||
|
margin-left: 6px;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: var(--gray-light);
|
||||||
|
}
|
||||||
|
|
||||||
.m-zero {
|
.m-zero {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
@ -108,8 +132,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: calc(100% - 40px);
|
width: min(768px, calc(100% - 40px));
|
||||||
max-width: 768px;
|
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -117,26 +140,43 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin: 20px 0 0;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
flex-basis: calc(50% - 10px);
|
flex-basis: calc(50% - 10px);
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 5px;
|
padding-inline: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column-full {
|
.column-full {
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 5px;
|
padding-inline: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .brand {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 200px;
|
||||||
|
height: 100%;
|
||||||
|
display: block;
|
||||||
|
outline: none;
|
||||||
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
display: block;
|
display: flex;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="text"],
|
input[type="text"],
|
||||||
@ -157,7 +197,7 @@
|
|||||||
width: 32px;
|
width: 32px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0px 1px;
|
padding-inline: 1px;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -172,18 +212,19 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.input-group .input-description {
|
.input-group .input-description {
|
||||||
width: 38px;
|
width: 100%;
|
||||||
|
max-width: 38px;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
padding: 10px 0;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
color: var(--gray-dark);
|
color: var(--gray-dark);
|
||||||
background: var(--gray-light);
|
background: var(--gray-light);
|
||||||
border-radius: 0px 5px 5px 0;
|
border-radius: 0px 8px 8px 0;
|
||||||
border: 1px solid var(--gray-light);
|
border: 1px solid var(--gray-light);
|
||||||
border-left: 0;
|
border-left: 0;
|
||||||
text-align: center;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
font-weight: 600;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group .square {
|
.input-group .square {
|
||||||
@ -191,10 +232,19 @@
|
|||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.input-group .square input {
|
||||||
|
text-align: center;
|
||||||
|
background: none;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
color: var(--gray-dark);
|
||||||
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
resize: vertical;
|
resize: none;
|
||||||
min-height: 200px;
|
min-height: 200px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-select {
|
.custom-select {
|
||||||
@ -231,7 +281,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 40px 10px;
|
padding: 40px 10px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin: 20px 0 0;
|
margin-top: 20px;
|
||||||
transition: all 0.5s ease-in-out;
|
transition: all 0.5s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -253,14 +303,15 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
outline: none;
|
outline: none;
|
||||||
margin: 16px 0;
|
margin-block: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.range-slider::-webkit-slider-thumb {
|
.range-slider::-webkit-slider-thumb,
|
||||||
|
.range-slider::-moz-range-thumb {
|
||||||
appearance: none;
|
appearance: none;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
background-color: var(--gray-dark);
|
background-color: var(--blue-light);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 0;
|
border: 0;
|
||||||
@ -326,7 +377,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
margin: 10px 0 0;
|
margin-top: 10px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
transform: translateY(30px);
|
transform: translateY(30px);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@ -334,7 +385,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.toast .toast-body {
|
.toast .toast-body {
|
||||||
padding: 8px 0;
|
padding-block: 8px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.5px;
|
||||||
@ -360,7 +411,7 @@
|
|||||||
height: 3px;
|
height: 3px;
|
||||||
transform: scaleX(0);
|
transform: scaleX(0);
|
||||||
transform-origin: left;
|
transform-origin: left;
|
||||||
border-radius: inherit;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toast.success .toast-progress {
|
.toast.success .toast-progress {
|
||||||
@ -387,22 +438,6 @@
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header .brand {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 200px;
|
|
||||||
height: 100%;
|
|
||||||
display: block;
|
|
||||||
outline: none;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel {
|
.carousel {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -410,18 +445,6 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel img {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin-right: 20px;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carousel img:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: 0;
|
border: 0;
|
||||||
@ -429,7 +452,7 @@
|
|||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin: 0 0 10px;
|
margin-bottom: 10px;
|
||||||
background: var(--gray-medium);
|
background: var(--gray-medium);
|
||||||
border: 1px solid var(--gray-dark);
|
border: 1px solid var(--gray-dark);
|
||||||
transition: all 0.5s ease-in-out;
|
transition: all 0.5s ease-in-out;
|
||||||
@ -477,7 +500,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#recreatedImage {
|
#recreatedImage {
|
||||||
margin: 20px 0;
|
margin-block: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invalid {
|
.invalid {
|
||||||
@ -487,16 +510,12 @@
|
|||||||
.error-message {
|
.error-message {
|
||||||
display: block;
|
display: block;
|
||||||
color: var(--error-dark);
|
color: var(--error-dark);
|
||||||
padding: 4px 0;
|
padding-block: 4px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.header {
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -506,7 +525,7 @@
|
|||||||
.column,
|
.column,
|
||||||
.column-full {
|
.column-full {
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
margin: 20px 0 0;
|
margin-top: 20px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -542,7 +561,7 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<form id="formGenerate" novalidate>
|
<form id="formGenerate" novalidate>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<img alt="Pixel Magic Tool" width="192" height="128" src="data:image/gif;base64,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" />
|
<img src=" data:image/png;base64,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" alt="Pixel Magic Tool" class="brand">
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column" validate>
|
<div class="column" validate>
|
||||||
@ -564,9 +583,12 @@
|
|||||||
<div class="custom-select">
|
<div class="custom-select">
|
||||||
<label for="pattern">Pattern</label>
|
<label for="pattern">Pattern</label>
|
||||||
<select name="pattern" id="pattern" required>
|
<select name="pattern" id="pattern" required>
|
||||||
<option value="3" title="[0,5,'ffffff']" selected>Range</option>
|
<option value="">Select a choice</option>
|
||||||
<option value="2" title="[0,'ffffff']">Index</option>
|
|
||||||
<option value="1" title="['ffffff']">Individual</option>
|
<option value="1" title="['ffffff']">Individual</option>
|
||||||
|
<option value="2" title="[0, 'ffffff']">Index</option>
|
||||||
|
<option value="3" title="[0, 5, 'ffffff']" selected>
|
||||||
|
Range
|
||||||
|
</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -574,6 +596,7 @@
|
|||||||
<div class="custom-select">
|
<div class="custom-select">
|
||||||
<label for="output">Output</label>
|
<label for="output">Output</label>
|
||||||
<select name="output" id="output" required>
|
<select name="output" id="output" required>
|
||||||
|
<option value="">Select a choice</option>
|
||||||
<option value="json" selected>WLED JSON</option>
|
<option value="json" selected>WLED JSON</option>
|
||||||
<option value="ha">Home Assistant</option>
|
<option value="ha">Home Assistant</option>
|
||||||
<option value="curl">CURL</option>
|
<option value="curl">CURL</option>
|
||||||
@ -621,19 +644,25 @@
|
|||||||
max="255"
|
max="255"
|
||||||
value="128"
|
value="128"
|
||||||
class="range-slider" />
|
class="range-slider" />
|
||||||
|
<div class="input-description square">
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
|
name="brightnessValue"
|
||||||
id="brightnessValue"
|
id="brightnessValue"
|
||||||
class="input-description square"
|
|
||||||
value="128" />
|
value="128" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column" validate>
|
<div class="column" validate>
|
||||||
<label for="animation">Animation</label>
|
<label for="animation">Animation</label>
|
||||||
<label class="switch">
|
<label class="switch">
|
||||||
<input type="checkbox" name="animation" id="animation" />
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="animation"
|
||||||
|
id="animation"
|
||||||
|
data-parent="animation" />
|
||||||
<span class="switch-slider"></span>
|
<span class="switch-slider"></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
@ -643,19 +672,25 @@
|
|||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
name="transparentImage"
|
name="transparentImage"
|
||||||
id="transparentImage" />
|
id="transparentImage"
|
||||||
|
data-parent="transparentImage" />
|
||||||
<span class="switch-slider"></span>
|
<span class="switch-slider"></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="column" validate>
|
<div class="column" validate>
|
||||||
<label for="resizeImage">Resize Image</label>
|
<label for="resizeImage">Resize Image</label>
|
||||||
<label class="switch">
|
<label class="switch">
|
||||||
<input type="checkbox" name="resizeImage" id="resizeImage" />
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
name="resizeImage"
|
||||||
|
id="resizeImage"
|
||||||
|
data-parent="resizeImage"
|
||||||
|
checked />
|
||||||
<span class="switch-slider"></span>
|
<span class="switch-slider"></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row resizeImage" style="display: none">
|
<div class="row resizeImage">
|
||||||
<div class="column" validate>
|
<div class="column" validate>
|
||||||
<label for="width">Width</label>
|
<label for="width">Width</label>
|
||||||
<input type="number" name="width" id="width" value="16" />
|
<input type="number" name="width" id="width" value="16" />
|
||||||
@ -682,7 +717,9 @@
|
|||||||
min="0"
|
min="0"
|
||||||
step="0.1"
|
step="0.1"
|
||||||
inputmode="numeric" />
|
inputmode="numeric" />
|
||||||
<div class="input-description">sec</div>
|
<div class="input-description">
|
||||||
|
<span>sec</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="column" validate>
|
<div class="column" validate>
|
||||||
@ -697,7 +734,9 @@
|
|||||||
min="0"
|
min="0"
|
||||||
step="0.1"
|
step="0.1"
|
||||||
inputmode="numeric" />
|
inputmode="numeric" />
|
||||||
<div class="input-description">sec</div>
|
<div class="input-description">
|
||||||
|
<span>sec</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -708,13 +747,18 @@
|
|||||||
Color that will replace the
|
Color that will replace the
|
||||||
<strong>transparent pixels</strong> in the image
|
<strong>transparent pixels</strong> in the image
|
||||||
</small>
|
</small>
|
||||||
<input type="color" name="color" id="color" value="#eeeeee" />
|
<input type="color" name="color" id="color" value="#00BFFF" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column-full" validate>
|
<div class="column-full" validate>
|
||||||
<div class="custom-select">
|
<div class="custom-select">
|
||||||
<label for="images">Images uploaded to WLED [<a id="wledEdit" href="http://[wled-ip]/edit" target="_blank">Upload</a>]</label>
|
<label for="images">
|
||||||
|
<span>Images upload to WLED</span>
|
||||||
|
<a id="wledEdit" href="http://[wled-ip]/edit" target="_blank">
|
||||||
|
upload
|
||||||
|
</a>
|
||||||
|
</label>
|
||||||
<select name="images" id="images">
|
<select name="images" id="images">
|
||||||
<option value="">Select image</option>
|
<option value="">Select image</option>
|
||||||
</select>
|
</select>
|
||||||
@ -795,7 +839,7 @@
|
|||||||
const hostname = element("hostname");
|
const hostname = element("hostname");
|
||||||
hostname.value = host;
|
hostname.value = host;
|
||||||
|
|
||||||
hostname.addEventListener("change", async () => {
|
hostname.addEventListener("blur", async () => {
|
||||||
WLED_URL = `${protocol}//${hostname.value}`;
|
WLED_URL = `${protocol}//${hostname.value}`;
|
||||||
|
|
||||||
await segments();
|
await segments();
|
||||||
@ -926,6 +970,7 @@
|
|||||||
|
|
||||||
if (success) {
|
if (success) {
|
||||||
toast(`Preset "${item.n}" save successfully`);
|
toast(`Preset "${item.n}" save successfully`);
|
||||||
|
window.parent.postMessage("loadPresets", WLED_URL);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
toast(`Error saving preset: ${error}`, "error");
|
toast(`Error saving preset: ${error}`, "error");
|
||||||
@ -974,23 +1019,28 @@
|
|||||||
return mimeTypes.includes(mimetype);
|
return mimeTypes.includes(mimetype);
|
||||||
});
|
});
|
||||||
|
|
||||||
const options = [];
|
const options = [{ text: "Select image", value: "" }];
|
||||||
|
|
||||||
if (images.length>0) {
|
if (images.length > 0) {
|
||||||
options.push(
|
options.push(
|
||||||
...images.map(({ name }) => ({
|
...images.map(({ name }) => ({
|
||||||
text: name,
|
text: name,
|
||||||
value: `${WLED_URL}/${name}`,
|
value: `${WLED_URL}/${name}`,
|
||||||
}))
|
}))
|
||||||
);
|
);
|
||||||
} else {
|
|
||||||
options.push({ text: "No images", value: "" });
|
|
||||||
}
|
|
||||||
select.innerHTML = "";
|
select.innerHTML = "";
|
||||||
|
|
||||||
options.forEach(({ text, value }) => {
|
options.forEach(({ text, value }) => {
|
||||||
const option = new Option(text, value);
|
const option = new Option(text, value);
|
||||||
|
|
||||||
|
if (index === 0) {
|
||||||
|
option.selected = true;
|
||||||
|
}
|
||||||
|
|
||||||
select.appendChild(option);
|
select.appendChild(option);
|
||||||
});
|
});
|
||||||
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
toast(error, "error");
|
toast(error, "error");
|
||||||
} finally {
|
} finally {
|
||||||
@ -1000,7 +1050,6 @@
|
|||||||
|
|
||||||
async function segments() {
|
async function segments() {
|
||||||
const select = element("segments");
|
const select = element("segments");
|
||||||
const pattern = element("pattern");
|
|
||||||
const width = element("width");
|
const width = element("width");
|
||||||
const height = element("height");
|
const height = element("height");
|
||||||
|
|
||||||
@ -1038,7 +1087,6 @@
|
|||||||
option.selected = true;
|
option.selected = true;
|
||||||
width.value = w;
|
width.value = w;
|
||||||
height.value = h;
|
height.value = h;
|
||||||
pattern.value = w * h > 64 ? 3 : 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
select.add(option);
|
select.add(option);
|
||||||
@ -1201,46 +1249,49 @@
|
|||||||
element("images").addEventListener("change", (e) => {
|
element("images").addEventListener("change", (e) => {
|
||||||
const dropzone = element("dropzone");
|
const dropzone = element("dropzone");
|
||||||
const { value } = e.target.selectedOptions[0];
|
const { value } = e.target.selectedOptions[0];
|
||||||
|
|
||||||
|
if (!value) {
|
||||||
|
const dropzoneLabel = element("dropzoneLabel");
|
||||||
|
const source = element("source");
|
||||||
|
|
||||||
|
dropzoneLabel.textContent =
|
||||||
|
"Drag and drop a file here or click to select a local file";
|
||||||
|
source.value = "";
|
||||||
|
|
||||||
|
dropzone.style.display = "block";
|
||||||
|
} else {
|
||||||
|
dropzone.style.display = "none";
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
element("transparentImage").addEventListener("change", (e) => {
|
element("transparentImage").addEventListener("change", (e) => {
|
||||||
const transparentImage = d.getElementsByClassName("transparentImage");
|
const transparentImage = d.getElementsByClassName("transparentImage")[0];
|
||||||
const { checked } = e.target;
|
const { checked } = e.target;
|
||||||
|
|
||||||
Array.from(transparentImage).forEach(function (element) {
|
|
||||||
if (checked) {
|
if (checked) {
|
||||||
element.style.display = "flex";
|
transparentImage.style.display = "flex";
|
||||||
} else {
|
} else {
|
||||||
element.style.display = "none";
|
transparentImage.style.display = "none";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
|
||||||
|
|
||||||
element("resizeImage").addEventListener("change", (e) => {
|
element("resizeImage").addEventListener("change", (e) => {
|
||||||
const resizeImage = d.getElementsByClassName("resizeImage");
|
const resizeImage = d.getElementsByClassName("resizeImage")[0];
|
||||||
const pattern = element("pattern");
|
|
||||||
const { checked } = e.target;
|
const { checked } = e.target;
|
||||||
|
|
||||||
Array.from(resizeImage).forEach(function (element) {
|
|
||||||
if (checked) {
|
if (checked) {
|
||||||
//pattern.value = 3;
|
resizeImage.style.display = "flex";
|
||||||
element.style.display = "flex";
|
|
||||||
} else {
|
} else {
|
||||||
//pattern.value = 1;
|
resizeImage.style.display = "none";
|
||||||
element.style.display = "none";
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
|
||||||
|
|
||||||
element("animation").addEventListener("change", (e) => {
|
element("animation").addEventListener("change", (e) => {
|
||||||
const animation = d.getElementsByClassName("animation");
|
const animation = d.getElementsByClassName("animation")[0];
|
||||||
|
|
||||||
const pattern = element("pattern");
|
|
||||||
const source = element("source");
|
const source = element("source");
|
||||||
|
|
||||||
const { checked } = e.target;
|
const { checked } = e.target;
|
||||||
|
|
||||||
Array.from(animation).forEach(function (element) {
|
|
||||||
if (checked) {
|
if (checked) {
|
||||||
toast(
|
toast(
|
||||||
'If you want all frames in the image, set it to "0"',
|
'If you want all frames in the image, set it to "0"',
|
||||||
@ -1249,18 +1300,15 @@
|
|||||||
);
|
);
|
||||||
|
|
||||||
source.setAttribute("accept", "image/gif");
|
source.setAttribute("accept", "image/gif");
|
||||||
element.style.display = "flex";
|
animation.style.display = "flex";
|
||||||
//pattern.value = 3;
|
|
||||||
} else {
|
} else {
|
||||||
source.setAttribute(
|
source.setAttribute(
|
||||||
"accept",
|
"accept",
|
||||||
"image/jpg,image/jpeg,image/png,image/gif"
|
"image/jpg,image/jpeg,image/png,image/gif"
|
||||||
);
|
);
|
||||||
element.style.display = "none";
|
animation.style.display = "none";
|
||||||
//pattern.value = 1;
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
|
||||||
|
|
||||||
element("btnGenerate").addEventListener("click", async (event) => {
|
element("btnGenerate").addEventListener("click", async (event) => {
|
||||||
const { checked } = element("animation");
|
const { checked } = element("animation");
|
||||||
@ -1313,8 +1361,7 @@
|
|||||||
const response = element("response");
|
const response = element("response");
|
||||||
const recreatedImage = element("recreatedImage");
|
const recreatedImage = element("recreatedImage");
|
||||||
|
|
||||||
const urlImage =
|
const urlImage = !images ? URL.createObjectURL(file) : images;
|
||||||
images === "" ? URL.createObjectURL(file) : images;
|
|
||||||
|
|
||||||
const image = await loadImage(urlImage);
|
const image = await loadImage(urlImage);
|
||||||
const { canvas, bri, id, i } = recreate(image);
|
const { canvas, bri, id, i } = recreate(image);
|
||||||
|
File diff suppressed because it is too large
Load Diff
@ -8,7 +8,7 @@
|
|||||||
// Autogenerated from wled00/data/style.css, do not edit!!
|
// Autogenerated from wled00/data/style.css, do not edit!!
|
||||||
const uint16_t PAGE_settingsCss_length = 888;
|
const uint16_t PAGE_settingsCss_length = 888;
|
||||||
const uint8_t PAGE_settingsCss[] PROGMEM = {
|
const uint8_t PAGE_settingsCss[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0xad, 0x56, 0x51, 0x8b, 0xab, 0x38,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0xad, 0x56, 0x51, 0x8b, 0xab, 0x38,
|
||||||
0x14, 0xfe, 0x2b, 0x2e, 0x65, 0x60, 0x2e, 0x54, 0x51, 0xab, 0x9d, 0xde, 0xc8, 0xc2, 0xb2, 0xef,
|
0x14, 0xfe, 0x2b, 0x2e, 0x65, 0x60, 0x2e, 0x54, 0x51, 0xab, 0x9d, 0xde, 0xc8, 0xc2, 0xb2, 0xef,
|
||||||
0xf7, 0x6d, 0x58, 0x16, 0x96, 0x79, 0x88, 0xe6, 0x58, 0x43, 0x63, 0x22, 0x49, 0xbc, 0xb5, 0x23,
|
0xf7, 0x6d, 0x58, 0x16, 0x96, 0x79, 0x88, 0xe6, 0x58, 0x43, 0x63, 0x22, 0x49, 0xbc, 0xb5, 0x23,
|
||||||
0xfe, 0xf7, 0x4d, 0xa2, 0x8e, 0xb6, 0x23, 0x73, 0x5f, 0x2e, 0xa5, 0x25, 0xe6, 0xc4, 0xe4, 0x3b,
|
0xfe, 0xf7, 0x4d, 0xa2, 0x8e, 0xb6, 0x23, 0x73, 0x5f, 0x2e, 0xa5, 0x25, 0xe6, 0xc4, 0xe4, 0x3b,
|
||||||
@ -70,7 +70,7 @@ const uint8_t PAGE_settingsCss[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings.htm, do not edit!!
|
// Autogenerated from wled00/data/settings.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_length = 1115;
|
const uint16_t PAGE_settings_length = 1115;
|
||||||
const uint8_t PAGE_settings[] PROGMEM = {
|
const uint8_t PAGE_settings[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0xb5, 0x56, 0xdb, 0x52, 0xe3, 0x46,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0xb5, 0x56, 0xdb, 0x52, 0xe3, 0x46,
|
||||||
0x10, 0x7d, 0xf7, 0x57, 0x0c, 0xb3, 0x15, 0x56, 0x2a, 0x64, 0xf9, 0x42, 0x2a, 0x95, 0xc8, 0x96,
|
0x10, 0x7d, 0xf7, 0x57, 0x0c, 0xb3, 0x15, 0x56, 0x2a, 0x64, 0xf9, 0x42, 0x2a, 0x95, 0xc8, 0x96,
|
||||||
0xa9, 0x2c, 0x97, 0x8d, 0x53, 0x50, 0x4b, 0x05, 0x58, 0x92, 0x4a, 0xf2, 0x30, 0xd6, 0xb4, 0xac,
|
0xa9, 0x2c, 0x97, 0x8d, 0x53, 0x50, 0x4b, 0x05, 0x58, 0x92, 0x4a, 0xf2, 0x30, 0xd6, 0xb4, 0xac,
|
||||||
0x59, 0xa4, 0x19, 0xd5, 0x4c, 0xcb, 0xe0, 0xb0, 0xfc, 0x7b, 0x7a, 0x64, 0x63, 0x60, 0xe1, 0x21,
|
0x59, 0xa4, 0x19, 0xd5, 0x4c, 0xcb, 0xe0, 0xb0, 0xfc, 0x7b, 0x7a, 0x64, 0x63, 0x60, 0xe1, 0x21,
|
||||||
@ -146,7 +146,7 @@ const uint8_t PAGE_settings[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_wifi.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_wifi.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_wifi_length = 2524;
|
const uint16_t PAGE_settings_wifi_length = 2524;
|
||||||
const uint8_t PAGE_settings_wifi[] PROGMEM = {
|
const uint8_t PAGE_settings_wifi[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0xad, 0x59, 0x6b, 0x53, 0xdb, 0x48,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0xad, 0x59, 0x6b, 0x53, 0xdb, 0x48,
|
||||||
0x16, 0xfd, 0xee, 0x5f, 0xd1, 0xf4, 0x6e, 0x51, 0x52, 0x21, 0x64, 0x0c, 0xf3, 0xc8, 0x1a, 0xcb,
|
0x16, 0xfd, 0xee, 0x5f, 0xd1, 0xf4, 0x6e, 0x51, 0x52, 0x21, 0x64, 0x0c, 0xf3, 0xc8, 0x1a, 0xcb,
|
||||||
0x59, 0x1e, 0x9e, 0x84, 0x1d, 0x42, 0xd8, 0x98, 0x1d, 0x6a, 0x2b, 0x9b, 0x9a, 0x11, 0x52, 0xdb,
|
0x59, 0x1e, 0x9e, 0x84, 0x1d, 0x42, 0xd8, 0x98, 0x1d, 0x6a, 0x2b, 0x9b, 0x9a, 0x11, 0x52, 0xdb,
|
||||||
0xee, 0x89, 0xac, 0xd6, 0xa8, 0x5b, 0x36, 0x14, 0xf0, 0xdf, 0xf7, 0xdc, 0x96, 0x64, 0x4b, 0x06,
|
0xee, 0x89, 0xac, 0xd6, 0xa8, 0x5b, 0x36, 0x14, 0xf0, 0xdf, 0xf7, 0xdc, 0x96, 0x64, 0x4b, 0x06,
|
||||||
@ -310,7 +310,7 @@ const uint8_t PAGE_settings_wifi[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_leds.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_leds.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_leds_length = 8389;
|
const uint16_t PAGE_settings_leds_length = 8389;
|
||||||
const uint8_t PAGE_settings_leds[] PROGMEM = {
|
const uint8_t PAGE_settings_leds[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0xdd, 0x7d, 0xeb, 0x76, 0xda, 0xc8,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0xdd, 0x7d, 0xeb, 0x76, 0xda, 0xc8,
|
||||||
0x96, 0xf0, 0x7f, 0x9e, 0x42, 0xae, 0xee, 0x76, 0xa4, 0x46, 0x80, 0x84, 0xc1, 0x4d, 0x00, 0xe1,
|
0x96, 0xf0, 0x7f, 0x9e, 0x42, 0xae, 0xee, 0x76, 0xa4, 0x46, 0x80, 0x84, 0xc1, 0x4d, 0x00, 0xe1,
|
||||||
0x31, 0x76, 0x92, 0xf6, 0x1c, 0x3b, 0xf6, 0xb2, 0x9d, 0xce, 0x99, 0x95, 0xce, 0x74, 0x84, 0x28,
|
0x31, 0x76, 0x92, 0xf6, 0x1c, 0x3b, 0xf6, 0xb2, 0x9d, 0xce, 0x99, 0x95, 0xce, 0x74, 0x84, 0x28,
|
||||||
0x40, 0xb1, 0x90, 0x38, 0x92, 0xf0, 0x65, 0x6c, 0xcf, 0x33, 0xcd, 0x33, 0xcc, 0x93, 0x7d, 0x7b,
|
0x40, 0xb1, 0x90, 0x38, 0x92, 0xf0, 0x65, 0x6c, 0xcf, 0x33, 0xcd, 0x33, 0xcc, 0x93, 0x7d, 0x7b,
|
||||||
@ -841,7 +841,7 @@ const uint8_t PAGE_settings_leds[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_dmx.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_dmx.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_dmx_length = 1740;
|
const uint16_t PAGE_settings_dmx_length = 1740;
|
||||||
const uint8_t PAGE_settings_dmx[] PROGMEM = {
|
const uint8_t PAGE_settings_dmx[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0x95, 0x57, 0x5b, 0x73, 0xdb, 0x36,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0x95, 0x57, 0x5b, 0x73, 0xdb, 0x36,
|
||||||
0x16, 0x7e, 0xd7, 0xaf, 0x40, 0xf0, 0x50, 0x93, 0x23, 0x86, 0x94, 0x9c, 0x75, 0xb7, 0x91, 0x45,
|
0x16, 0x7e, 0xd7, 0xaf, 0x40, 0xf0, 0x50, 0x93, 0x23, 0x86, 0x94, 0x9c, 0x75, 0xb7, 0x91, 0x45,
|
||||||
0x7a, 0x63, 0xc5, 0x6b, 0x7b, 0xc7, 0x76, 0x3d, 0x51, 0xd2, 0x74, 0xa7, 0xe9, 0x74, 0x20, 0x12,
|
0x7a, 0x63, 0xc5, 0x6b, 0x7b, 0xc7, 0x76, 0x3d, 0x51, 0xd2, 0x74, 0xa7, 0xe9, 0x74, 0x20, 0x12,
|
||||||
0x12, 0x51, 0x93, 0x04, 0x17, 0x00, 0x25, 0xbb, 0x69, 0xfe, 0xfb, 0x7e, 0x00, 0xa9, 0x8b, 0x6f,
|
0x12, 0x51, 0x93, 0x04, 0x17, 0x00, 0x25, 0xbb, 0x69, 0xfe, 0xfb, 0x7e, 0x00, 0xa9, 0x8b, 0x6f,
|
||||||
@ -956,7 +956,7 @@ const uint8_t PAGE_settings_dmx[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_ui.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_ui.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_ui_length = 3302;
|
const uint16_t PAGE_settings_ui_length = 3302;
|
||||||
const uint8_t PAGE_settings_ui[] PROGMEM = {
|
const uint8_t PAGE_settings_ui[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0xad, 0x59, 0x6b, 0x73, 0xdb, 0xb8,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0xad, 0x5a, 0x6b, 0x73, 0xdb, 0xb8,
|
||||||
0x15, 0xfd, 0xae, 0x5f, 0x81, 0x20, 0x19, 0xaf, 0x38, 0x66, 0x68, 0xd9, 0xd9, 0x99, 0x26, 0x92,
|
0x15, 0xfd, 0xae, 0x5f, 0x81, 0x20, 0x19, 0xaf, 0x38, 0x66, 0x68, 0xd9, 0xd9, 0x99, 0x26, 0x92,
|
||||||
0x28, 0x37, 0x76, 0xbc, 0x89, 0x77, 0x9c, 0x4d, 0x1a, 0xc5, 0xcd, 0x76, 0xd2, 0x8c, 0x97, 0x22,
|
0x28, 0x37, 0x76, 0xbc, 0x89, 0x77, 0x9c, 0x4d, 0x1a, 0xc5, 0xcd, 0x76, 0xd2, 0x8c, 0x97, 0x22,
|
||||||
0x21, 0x09, 0x31, 0x45, 0x70, 0x09, 0xd0, 0x8f, 0x2a, 0xfa, 0xef, 0x3d, 0x17, 0x20, 0x25, 0xca,
|
0x21, 0x09, 0x31, 0x45, 0x70, 0x09, 0xd0, 0x8f, 0x2a, 0xfa, 0xef, 0x3d, 0x17, 0x20, 0x25, 0xca,
|
||||||
@ -1169,7 +1169,7 @@ const uint8_t PAGE_settings_ui[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_sync.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_sync.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_sync_length = 3548;
|
const uint16_t PAGE_settings_sync_length = 3548;
|
||||||
const uint8_t PAGE_settings_sync[] PROGMEM = {
|
const uint8_t PAGE_settings_sync[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0x9d, 0x5a, 0xeb, 0x53, 0xdb, 0x48,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0x9d, 0x5a, 0xeb, 0x53, 0xdb, 0x48,
|
||||||
0x12, 0xff, 0xae, 0xbf, 0x62, 0xa2, 0xab, 0xca, 0xda, 0x8b, 0xf1, 0x0b, 0x4c, 0x08, 0x58, 0xca,
|
0x12, 0xff, 0xae, 0xbf, 0x62, 0xa2, 0xab, 0xca, 0xda, 0x8b, 0xf1, 0x0b, 0x4c, 0x08, 0x58, 0xca,
|
||||||
0x01, 0x26, 0xc4, 0x77, 0x01, 0x1c, 0x1b, 0x36, 0xd9, 0xba, 0xbb, 0xda, 0x1a, 0x4b, 0x63, 0x7b,
|
0x01, 0x26, 0xc4, 0x77, 0x01, 0x1c, 0x1b, 0x36, 0xd9, 0xba, 0xbb, 0xda, 0x1a, 0x4b, 0x63, 0x7b,
|
||||||
0x40, 0xd2, 0x68, 0x35, 0x23, 0x1e, 0x95, 0xcd, 0xff, 0x7e, 0xdd, 0x33, 0x92, 0xb0, 0x85, 0x5f,
|
0x40, 0xd2, 0x68, 0x35, 0x23, 0x1e, 0x95, 0xcd, 0xff, 0x7e, 0xdd, 0x33, 0x92, 0xb0, 0x85, 0x5f,
|
||||||
@ -1397,7 +1397,7 @@ const uint8_t PAGE_settings_sync[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_time.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_time.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_time_length = 3432;
|
const uint16_t PAGE_settings_time_length = 3432;
|
||||||
const uint8_t PAGE_settings_time[] PROGMEM = {
|
const uint8_t PAGE_settings_time[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0xd5, 0x1a, 0x6b, 0x77, 0xda, 0x38,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0xd5, 0x1a, 0x6b, 0x77, 0xda, 0x38,
|
||||||
0xf6, 0x3b, 0xbf, 0x42, 0x51, 0x7b, 0x32, 0xf6, 0xc4, 0x3c, 0x13, 0xda, 0x04, 0xb0, 0xb3, 0x84,
|
0xf6, 0x3b, 0xbf, 0x42, 0x51, 0x7b, 0x32, 0xf6, 0xc4, 0x3c, 0x13, 0xda, 0x04, 0xb0, 0xb3, 0x84,
|
||||||
0xd0, 0x26, 0x2d, 0x90, 0x9c, 0x42, 0x27, 0xbb, 0x7d, 0x9c, 0xa9, 0xc0, 0x02, 0x9c, 0x18, 0x89,
|
0xd0, 0x26, 0x2d, 0x90, 0x9c, 0x42, 0x27, 0xbb, 0x7d, 0x9c, 0xa9, 0xc0, 0x02, 0x9c, 0x18, 0x89,
|
||||||
0xb5, 0xe5, 0x90, 0x6c, 0x9a, 0xff, 0xbe, 0x57, 0x92, 0x31, 0x4f, 0x27, 0x6d, 0x67, 0xf6, 0xc3,
|
0xb5, 0xe5, 0x90, 0x6c, 0x9a, 0xff, 0xbe, 0x57, 0x92, 0x31, 0x4f, 0x27, 0x6d, 0x67, 0xf6, 0xc3,
|
||||||
@ -1618,7 +1618,7 @@ const uint8_t PAGE_settings_time[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_sec.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_sec.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_sec_length = 2551;
|
const uint16_t PAGE_settings_sec_length = 2551;
|
||||||
const uint8_t PAGE_settings_sec[] PROGMEM = {
|
const uint8_t PAGE_settings_sec[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0x9d, 0x58, 0x6d, 0x53, 0xdb, 0x48,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0x9d, 0x58, 0x6d, 0x53, 0xdb, 0x48,
|
||||||
0x12, 0xfe, 0xee, 0x5f, 0x31, 0xcc, 0x56, 0x65, 0xa5, 0x8b, 0x90, 0x81, 0xe4, 0xb6, 0x12, 0xb0,
|
0x12, 0xfe, 0xee, 0x5f, 0x31, 0xcc, 0x56, 0x65, 0xa5, 0x8b, 0x90, 0x81, 0xe4, 0xb6, 0x12, 0xb0,
|
||||||
0xcc, 0x41, 0x20, 0x17, 0xae, 0x20, 0x50, 0x18, 0x36, 0x77, 0xb5, 0xb7, 0x95, 0x1a, 0x4b, 0x63,
|
0xcc, 0x41, 0x20, 0x17, 0xae, 0x20, 0x50, 0x18, 0x36, 0x77, 0xb5, 0xb7, 0x95, 0x1a, 0x4b, 0x63,
|
||||||
0x6b, 0x62, 0x59, 0xa3, 0x9d, 0x19, 0xe1, 0x70, 0xd9, 0xfc, 0xf7, 0x7b, 0x7a, 0x24, 0xf9, 0x85,
|
0x6b, 0x62, 0x59, 0xa3, 0x9d, 0x19, 0xe1, 0x70, 0xd9, 0xfc, 0xf7, 0x7b, 0x7a, 0x24, 0xf9, 0x85,
|
||||||
@ -1784,7 +1784,7 @@ const uint8_t PAGE_settings_sec[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_um.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_um.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_um_length = 3298;
|
const uint16_t PAGE_settings_um_length = 3298;
|
||||||
const uint8_t PAGE_settings_um[] PROGMEM = {
|
const uint8_t PAGE_settings_um[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0xad, 0x59, 0x6d, 0x73, 0xdb, 0x36,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0xad, 0x59, 0x6d, 0x73, 0xdb, 0x36,
|
||||||
0x12, 0xfe, 0xae, 0x5f, 0x41, 0xa3, 0x19, 0x99, 0x1c, 0xd1, 0x94, 0x9c, 0xb6, 0x33, 0x39, 0x49,
|
0x12, 0xfe, 0xae, 0x5f, 0x41, 0xa3, 0x19, 0x99, 0x1c, 0xd1, 0x94, 0x9c, 0xb6, 0x33, 0x39, 0x49,
|
||||||
0x94, 0x2e, 0x76, 0xdc, 0xc6, 0x97, 0x17, 0x7b, 0xe2, 0xa4, 0x99, 0x1b, 0xc7, 0x17, 0x53, 0x22,
|
0x94, 0x2e, 0x76, 0xdc, 0xc6, 0x97, 0x17, 0x7b, 0xe2, 0xa4, 0x99, 0x1b, 0xc7, 0x17, 0x53, 0x22,
|
||||||
0x24, 0x21, 0xa6, 0x08, 0x96, 0x00, 0xed, 0xf8, 0x64, 0xfd, 0xf7, 0x7b, 0x16, 0x20, 0x29, 0xca,
|
0x24, 0x21, 0xa6, 0x08, 0x96, 0x00, 0xed, 0xf8, 0x64, 0xfd, 0xf7, 0x7b, 0x16, 0x20, 0x29, 0xca,
|
||||||
@ -1997,7 +1997,7 @@ const uint8_t PAGE_settings_um[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_2D.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_2D.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_2D_length = 3288;
|
const uint16_t PAGE_settings_2D_length = 3288;
|
||||||
const uint8_t PAGE_settings_2D[] PROGMEM = {
|
const uint8_t PAGE_settings_2D[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0xc5, 0x5a, 0x5b, 0x77, 0xdb, 0x36,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0xc5, 0x5a, 0x5b, 0x77, 0xdb, 0x36,
|
||||||
0x12, 0x7e, 0xd7, 0xaf, 0x80, 0xb1, 0x5d, 0x97, 0xb4, 0xa8, 0x9b, 0x9b, 0xf6, 0xb4, 0x92, 0x28,
|
0x12, 0x7e, 0xd7, 0xaf, 0x80, 0xb1, 0x5d, 0x97, 0xb4, 0xa8, 0x9b, 0x9b, 0xf6, 0xb4, 0x92, 0x28,
|
||||||
0x6d, 0x1c, 0xa7, 0xb1, 0xf7, 0xd8, 0x89, 0x8e, 0xe5, 0xc6, 0xc9, 0x69, 0x7b, 0x36, 0x34, 0x09,
|
0x6d, 0x1c, 0xa7, 0xb1, 0xf7, 0xd8, 0x89, 0x8e, 0xe5, 0xc6, 0xc9, 0x69, 0x7b, 0x36, 0x34, 0x09,
|
||||||
0x49, 0x48, 0x28, 0x80, 0x25, 0x40, 0xd9, 0xae, 0xe3, 0xff, 0xbe, 0x33, 0x00, 0x6f, 0xba, 0xd8,
|
0x49, 0x48, 0x28, 0x80, 0x25, 0x40, 0xd9, 0xae, 0xe3, 0xff, 0xbe, 0x33, 0x00, 0x6f, 0xba, 0xd8,
|
||||||
@ -2209,7 +2209,7 @@ const uint8_t PAGE_settings_2D[] PROGMEM = {
|
|||||||
// Autogenerated from wled00/data/settings_pin.htm, do not edit!!
|
// Autogenerated from wled00/data/settings_pin.htm, do not edit!!
|
||||||
const uint16_t PAGE_settings_pin_length = 461;
|
const uint16_t PAGE_settings_pin_length = 461;
|
||||||
const uint8_t PAGE_settings_pin[] PROGMEM = {
|
const uint8_t PAGE_settings_pin[] PROGMEM = {
|
||||||
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x0a, 0x5d, 0x92, 0x4b, 0x6f, 0x13, 0x31,
|
0x1f, 0x8b, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x02, 0x13, 0x5d, 0x92, 0x4b, 0x6f, 0x13, 0x31,
|
||||||
0x14, 0x85, 0xf7, 0xf3, 0x2b, 0xcc, 0xdd, 0x34, 0x41, 0xc9, 0x4c, 0xa9, 0x58, 0x80, 0x6a, 0x8f,
|
0x14, 0x85, 0xf7, 0xf3, 0x2b, 0xcc, 0xdd, 0x34, 0x41, 0xc9, 0x4c, 0xa9, 0x58, 0x80, 0x6a, 0x8f,
|
||||||
0x50, 0xa0, 0x0b, 0x36, 0xa5, 0x52, 0xd9, 0xa0, 0xaa, 0xaa, 0x1c, 0xfb, 0x4e, 0x62, 0xd5, 0x8f,
|
0x50, 0xa0, 0x0b, 0x36, 0xa5, 0x52, 0xd9, 0xa0, 0xaa, 0xaa, 0x1c, 0xfb, 0x4e, 0x62, 0xd5, 0x8f,
|
||||||
0xc1, 0x8f, 0x84, 0x80, 0xfa, 0xdf, 0xb9, 0x9e, 0x29, 0x05, 0xb1, 0x19, 0xfb, 0x5c, 0xdb, 0xe7,
|
0xc1, 0x8f, 0x84, 0x80, 0xfa, 0xdf, 0xb9, 0x9e, 0x29, 0x05, 0xb1, 0x19, 0xfb, 0x5c, 0xdb, 0xe7,
|
||||||
|
4043
wled00/html_ui.h
4043
wled00/html_ui.h
File diff suppressed because it is too large
Load Diff
@ -40,7 +40,7 @@ bool isIp(String str) {
|
|||||||
|
|
||||||
void handleUpload(AsyncWebServerRequest *request, const String& filename, size_t index, uint8_t *data, size_t len, bool final) {
|
void handleUpload(AsyncWebServerRequest *request, const String& filename, size_t index, uint8_t *data, size_t len, bool final) {
|
||||||
if (!correctPIN) {
|
if (!correctPIN) {
|
||||||
if (final) request->send(500, "text/plain", FPSTR(s_unlock_cfg));
|
if (final) request->send(401, "text/plain", FPSTR(s_unlock_cfg));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (!index) {
|
if (!index) {
|
||||||
@ -86,7 +86,7 @@ void createEditHandler(bool enable) {
|
|||||||
#endif
|
#endif
|
||||||
} else {
|
} else {
|
||||||
editHandler = &server.on("/edit", HTTP_ANY, [](AsyncWebServerRequest *request){
|
editHandler = &server.on("/edit", HTTP_ANY, [](AsyncWebServerRequest *request){
|
||||||
serveMessage(request, 500, "Access Denied", FPSTR(s_unlock_cfg), 254);
|
serveMessage(request, 401, "Access Denied", FPSTR(s_unlock_cfg), 254);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -201,7 +201,7 @@ void initServer()
|
|||||||
verboseResponse = deserializeState(root);
|
verboseResponse = deserializeState(root);
|
||||||
} else {
|
} else {
|
||||||
if (!correctPIN && strlen(settingsPIN)>0) {
|
if (!correctPIN && strlen(settingsPIN)>0) {
|
||||||
request->send(403, "application/json", F("{\"error\":1}")); // ERR_DENIED
|
request->send(401, "application/json", F("{\"error\":1}")); // ERR_DENIED
|
||||||
releaseJSONBufferLock();
|
releaseJSONBufferLock();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@ -284,7 +284,7 @@ void initServer()
|
|||||||
//init ota page
|
//init ota page
|
||||||
server.on("/update", HTTP_GET, [](AsyncWebServerRequest *request){
|
server.on("/update", HTTP_GET, [](AsyncWebServerRequest *request){
|
||||||
if (otaLock) {
|
if (otaLock) {
|
||||||
serveMessage(request, 500, "Access Denied", FPSTR(s_unlock_ota), 254);
|
serveMessage(request, 401, "Access Denied", FPSTR(s_unlock_ota), 254);
|
||||||
} else
|
} else
|
||||||
serveSettings(request); // checks for "upd" in URL and handles PIN
|
serveSettings(request); // checks for "upd" in URL and handles PIN
|
||||||
});
|
});
|
||||||
@ -294,7 +294,11 @@ void initServer()
|
|||||||
serveSettings(request, true); // handle PIN page POST request
|
serveSettings(request, true); // handle PIN page POST request
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (Update.hasError() || otaLock) {
|
if (otaLock) {
|
||||||
|
serveMessage(request, 401, "Access Denied", FPSTR(s_unlock_ota), 254);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (Update.hasError()) {
|
||||||
serveMessage(request, 500, F("Update failed!"), F("Please check your file and retry!"), 254);
|
serveMessage(request, 500, F("Update failed!"), F("Please check your file and retry!"), 254);
|
||||||
} else {
|
} else {
|
||||||
serveMessage(request, 200, F("Update successful!"), F("Rebooting..."), 131);
|
serveMessage(request, 200, F("Update successful!"), F("Rebooting..."), 131);
|
||||||
@ -535,7 +539,7 @@ void serveSettingsJS(AsyncWebServerRequest* request)
|
|||||||
}
|
}
|
||||||
if (subPage > 0 && !correctPIN && strlen(settingsPIN)>0) {
|
if (subPage > 0 && !correctPIN && strlen(settingsPIN)>0) {
|
||||||
strcpy_P(buf, PSTR("alert('PIN incorrect.');"));
|
strcpy_P(buf, PSTR("alert('PIN incorrect.');"));
|
||||||
request->send(403, "application/javascript", buf);
|
request->send(401, "application/javascript", buf);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
strcat_P(buf,PSTR("function GetV(){var d=document;"));
|
strcat_P(buf,PSTR("function GetV(){var d=document;"));
|
||||||
@ -577,7 +581,7 @@ void serveSettings(AsyncWebServerRequest* request, bool post)
|
|||||||
// if OTA locked or too frequent PIN entry requests fail hard
|
// if OTA locked or too frequent PIN entry requests fail hard
|
||||||
if ((subPage == SUBPAGE_WIFI && wifiLock && otaLock) || (post && !correctPIN && millis()-lastEditTime < PIN_RETRY_COOLDOWN))
|
if ((subPage == SUBPAGE_WIFI && wifiLock && otaLock) || (post && !correctPIN && millis()-lastEditTime < PIN_RETRY_COOLDOWN))
|
||||||
{
|
{
|
||||||
serveMessage(request, 500, "Access Denied", FPSTR(s_unlock_ota), 254); return;
|
serveMessage(request, 401, "Access Denied", FPSTR(s_unlock_ota), 254); return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (post) { //settings/set POST request, saving
|
if (post) { //settings/set POST request, saving
|
||||||
@ -607,7 +611,7 @@ void serveSettings(AsyncWebServerRequest* request, bool post)
|
|||||||
if (!s2[0]) strcpy_P(s2, s_redirecting);
|
if (!s2[0]) strcpy_P(s2, s_redirecting);
|
||||||
|
|
||||||
bool redirectAfter9s = (subPage == SUBPAGE_WIFI || ((subPage == SUBPAGE_SEC || subPage == SUBPAGE_UM) && doReboot));
|
bool redirectAfter9s = (subPage == SUBPAGE_WIFI || ((subPage == SUBPAGE_SEC || subPage == SUBPAGE_UM) && doReboot));
|
||||||
serveMessage(request, 200, s, s2, redirectAfter9s ? 129 : (correctPIN ? 1 : 3));
|
serveMessage(request, (correctPIN ? 200 : 401), s, s2, redirectAfter9s ? 129 : (correctPIN ? 1 : 3));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -635,7 +639,7 @@ void serveSettings(AsyncWebServerRequest* request, bool post)
|
|||||||
serveMessage(request, 200, strlen(settingsPIN) > 0 ? PSTR("Settings locked") : PSTR("No PIN set"), FPSTR(s_redirecting), 1);
|
serveMessage(request, 200, strlen(settingsPIN) > 0 ? PSTR("Settings locked") : PSTR("No PIN set"), FPSTR(s_redirecting), 1);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
case SUBPAGE_PINREQ : response = request->beginResponse_P(200, "text/html", PAGE_settings_pin, PAGE_settings_pin_length); break;
|
case SUBPAGE_PINREQ : response = request->beginResponse_P(401, "text/html", PAGE_settings_pin, PAGE_settings_pin_length); break;
|
||||||
case SUBPAGE_CSS : response = request->beginResponse_P(200, "text/css", PAGE_settingsCss, PAGE_settingsCss_length); break;
|
case SUBPAGE_CSS : response = request->beginResponse_P(200, "text/css", PAGE_settingsCss, PAGE_settingsCss_length); break;
|
||||||
case SUBPAGE_JS : serveSettingsJS(request); return;
|
case SUBPAGE_JS : serveSettingsJS(request); return;
|
||||||
case SUBPAGE_WELCOME : response = request->beginResponse_P(200, "text/html", PAGE_welcome, PAGE_welcome_length); break;
|
case SUBPAGE_WELCOME : response = request->beginResponse_P(200, "text/html", PAGE_welcome, PAGE_welcome_length); break;
|
||||||
|
Loading…
Reference in New Issue
Block a user