lba.gitea/WLED
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Movable segment power.

Browse Source 
UI CSS fixes.
This commit is contained in:
Blaz Kristan 2022-03-25 20:30:29 +01:00
parent 41aa1ee318
commit bdbce67473
4 changed files with 1367 additions and 1357 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
wled00/data/index.css
View File

@ -329,6 +329,7 @@ button {
#putil {
margin: 0 auto;
padding: 5px 0;
}
.smooth { transition: transform calc(var(--f, 1)*.5s) ease-out }
@ -376,6 +377,8 @@ button {
margin: auto;
border-radius: 15px;
}
#pql,
#sliderLabel2, #sliderLabel3, #sliderLabel4,
#slider2, #slider3, #slider4 {
display: none;
@ -1170,6 +1173,7 @@ input[type="text"].fnd:hover {
.segin,
.presin {
padding: 8px;
position: relative;
}
.btn-s,

19
wled00/data/index.js
View File

@ -538,7 +538,8 @@ function populateQL()
for (var key of (pQL||[])) {
cn += `<button class="btn btn-xs psts" id="p${key[0]}qlb" title="${key[2]?key[2]:''}" onclick="setPreset(${key[0]});">${key[1]}</button>`;
}
}
gId('pql').classList.add("expanded");
} else gId('pql').classList.remove("expanded");
gId('pql').innerHTML = cn;
}
@ -651,6 +652,13 @@ function populateSegments(s)
if (i == lowestUnused) lowestUnused = i+1;
if (i > lSeg) lSeg = i;
let segp = `<div id="segp${i}" class="sbs ${expanded[i] ? "expanded":""}">
<i class="icons e-icon pwr ${powered[i] ? "act":""}" id="seg${i}pwr" onclick="setSegPwr(${i})">&#xe08f;</i>
<div class="sliderwrap il">
<input id="seg${i}bri" class="noslide" onchange="setSegBri(${i})" oninput="updateTrail(this)" max="255" min="1" type="range" value="${inst.bri}" />
<div class="sliderdisplay"></div>
</div>
</div>`;
cn += `<div class="seg ${i==s.mainseg ? 'selected' : ''} ${expanded[i] ? "expanded":""}" id="seg${i}">
<label class="check schkl">
<input type="checkbox" id="seg${i}sel" onchange="selSeg(${i})" ${inst.sel ? "checked":""}>
@ -660,13 +668,7 @@ function populateSegments(s)
${inst.n ? inst.n : "Segment "+i}
</div>
<i class="icons e-icon flr ${expanded[i] ? "exp":""}" id="sege${i}" onclick="expand(${i})">&#xe395;</i>
<div id="segp${i}" class="sbs ${expanded[i] ? "expanded":""}">
<i class="icons e-icon pwr ${powered[i] ? "act":""}" id="seg${i}pwr" onclick="setSegPwr(${i})">&#xe08f;</i>
<div class="sliderwrap il">
<input id="seg${i}bri" class="noslide" onchange="setSegBri(${i})" oninput="updateTrail(this)" max="255" min="1" type="range" value="${inst.bri}" />
<div class="sliderdisplay"></div>
</div>
</div>
${cfg.comp.segpwr?segp:''}
<div class="segin ${expanded[i] ? "expanded":""}" id="seg${i}in">
<input type="text" class="ptxt noslide" id="seg${i}t" autocomplete="off" maxlength=32 value="${inst.n?inst.n:""}" placeholder="Enter name..."/>
<table class="infot segt">
@ -707,6 +709,7 @@ function populateSegments(s)
<button class="btn btn-xs" id="segd${i}" title="Delete" onclick="delSeg(${i})"><i class="icons btn-icon">&#xe037;</i></button>
</div>
</div>
${cfg.comp.segpwr?'':segp}
</div>`;
}

2699
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)
#define VERSION 2203251
#define VERSION 2203252
//uncomment this if you have a "my_config.h" file you'd like to use
//#define WLED_USE_MY_CONFIG