jeans/WLED
jeans/WLED
1
0
Fork 0
mirror of https://github.com/wled/WLED.git synced 2025-07-16 23:36:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI tweaks.

Browse Source
This commit is contained in:
Blaz Kristan 2021-03-21 22:33:04 +01:00
parent c58a3c41d8
commit a385ea7c52
5 changed files with 2367 additions and 2225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
wled00/data/index.css
View File

File diff suppressed because one or more lines are too long

6
wled00/data/index.htm
View File

@ -91,9 +91,9 @@
<div class="qcs" onclick="pC('rnd');" title="Random" style="background-color:var(--c-3); padding: 4px 8px; transform: translateY(-10px);">R</div> <div class="qcs" onclick="pC('rnd');" title="Random" style="background-color:var(--c-3); padding: 4px 8px; transform: translateY(-10px);">R</div>
</div> </div>
<div id="csl"> <div id="csl">
<button class="xxs cl btn" onclick="selectSlot(0);">1</button> <button class="xxs btn" onclick="selectSlot(0);">1</button>
<button class="xxs cl btn" onclick="selectSlot(1);">2</button> <button class="xxs btn" onclick="selectSlot(1);">2</button>
<button class="xxs cl btn" onclick="selectSlot(2);">3</button> <button class="xxs btn" onclick="selectSlot(2);">3</button>
</div> </div>
<div id="hexw"> <div id="hexw">
<input id="hexc" type="text" class="noslide" onkeydown="hexEnter(this)" autocomplete="off" maxlength="8" /> <input id="hexc" type="text" class="noslide" onkeydown="hexEnter(this)" autocomplete="off" maxlength="8" />

10
wled00/data/index.js
View File

@ -546,7 +546,7 @@ function populateSegments(s)
if (i > lSeg) lSeg = i; if (i > lSeg) lSeg = i;
cn += `<div class="seg"> cn += `<div class="seg">
<label class="check schkl"> <label class="check schkl" style="position:absolute">
&nbsp; &nbsp;
<input type="checkbox" id="seg${i}sel" onchange="selSeg(${i})" ${inst.sel ? "checked":""}> <input type="checkbox" id="seg${i}sel" onchange="selSeg(${i})" ${inst.sel ? "checked":""}>
<span class="checkmark schk"></span> <span class="checkmark schk"></span>
@ -996,7 +996,7 @@ function handleJson(s)
selColors = i.col; selColors = i.col;
var cd = d.getElementById('csl').children; var cd = d.getElementById('csl').children;
for (let e = 2; e >= 0; e--) for (let e = cd.length-1; e >= 0; e--)
{ {
cd[e].style.backgroundColor = "rgb(" + i.col[e][0] + "," + i.col[e][1] + "," + i.col[e][2] + ")"; cd[e].style.backgroundColor = "rgb(" + i.col[e][0] + "," + i.col[e][1] + "," + i.col[e][2] + ")";
if (isRgbw) whites[e] = parseInt(i.col[e][3]); if (isRgbw) whites[e] = parseInt(i.col[e][3]);
@ -1178,7 +1178,6 @@ function makeSeg()
<div class="segname newseg"> <div class="segname newseg">
New segment ${lowestUnused} New segment ${lowestUnused}
</div> </div>
<br>
<div class="segin expanded"> <div class="segin expanded">
<table class="segt"> <table class="segt">
<tr> <tr>
@ -1192,6 +1191,7 @@ function makeSeg()
</table> </table>
<div class="h" id="seg${lowestUnused}len">${ledCount - ns} LEDs</div> <div class="h" id="seg${lowestUnused}len">${ledCount - ns} LEDs</div>
<i class="icons e-icon cnf cnf-s half" id="segc${lowestUnused}" onclick="setSeg(${lowestUnused}); resetUtil();">&#xe390;</i> <i class="icons e-icon cnf cnf-s half" id="segc${lowestUnused}" onclick="setSeg(${lowestUnused}); resetUtil();">&#xe390;</i>
<button class="btn btn-p" onclick="resetUtil()">Cancel</button>
</div> </div>
</div>`; </div>`;
d.getElementById('segutil').innerHTML = cn; d.getElementById('segutil').innerHTML = cn;
@ -1468,11 +1468,11 @@ function selectSlot(b)
csel = b; csel = b;
var cd = d.getElementById('csl').children; var cd = d.getElementById('csl').children;
for (let i = 0; i < cd.length; i++) { for (let i = 0; i < cd.length; i++) {
cd[i].style.border="2px solid white"; cd[i].style.border="2px solid var(--c-e)";
cd[i].style.margin="5px"; cd[i].style.margin="5px";
cd[i].style.width="42px"; cd[i].style.width="42px";
} }
cd[csel].style.border="5px solid white"; cd[csel].style.border="5px solid var(--c-e)";
cd[csel].style.margin="2px"; cd[csel].style.margin="2px";
cd[csel].style.width="50px"; cd[csel].style.width="50px";
cpick.color.set(cd[csel].style.backgroundColor); cpick.color.set(cd[csel].style.backgroundColor);

4532
wled00/html_ui.h
View File

File diff suppressed because it is too large Load Diff

2
wled00/wled.h
View File

@ -8,7 +8,7 @@
*/ */
// version code in format yymmddb (b = daily build) // version code in format yymmddb (b = daily build)
#define VERSION 2103210 #define VERSION 2103211
//uncomment this if you have a "my_config.h" file you'd like to use //uncomment this if you have a "my_config.h" file you'd like to use
//#define WLED_USE_MY_CONFIG //#define WLED_USE_MY_CONFIG