mirror of
https://github.com/wled/WLED.git
synced 2025-07-16 23:36:35 +00:00
Add simplified segments
This commit is contained in:
parent
029403ea10
commit
0a97717b35
@ -1421,7 +1421,7 @@ TD .checkmark, TD .radiomark {
|
|||||||
.expanded {
|
.expanded {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
}
|
}
|
||||||
.hide, .expanded .segin.hide, .expanded .presin.hide, .expanded .sbs.hide, .expanded .frz, .expanded .g-icon {
|
.hide, .expanded .segin.hide, .expanded .presin.hide, .expanded .sbs.hide, .expanded .frz, .expanded .g-icon, .nosimple {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -770,23 +770,23 @@ function populateSegments(s)
|
|||||||
`<option value="1" ${inst.si==1?' selected':''}>WeWillRockYou</option>`+
|
`<option value="1" ${inst.si==1?' selected':''}>WeWillRockYou</option>`+
|
||||||
`</select></div>`+
|
`</select></div>`+
|
||||||
`</div>`;
|
`</div>`;
|
||||||
cn += `<div class="seg lstI ${i==s.mainseg ? 'selected' : ''} ${exp ? "expanded":""}" id="seg${i}" data-set="${inst.set}">`+
|
cn += `<div class="seg lstI ${i==s.mainseg && !simplifiedUI ? 'selected' : ''} ${exp ? "expanded":""}" id="seg${i}" data-set="${inst.set}">`+
|
||||||
`<label class="check schkl">`+
|
`<label class="check schkl ${simplifiedUI ? 'nosimple' : ''}">`+
|
||||||
`<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"></span>`+
|
`<span class="checkmark"></span>`+
|
||||||
`</label>`+
|
`</label>`+
|
||||||
`<div class="segname" onclick="selSegEx(${i})">`+
|
`<div class="segname" onclick="selSegEx(${i})">`+
|
||||||
`<i class="icons e-icon frz" id="seg${i}frz" onclick="event.preventDefault();tglFreeze(${i});">&#x${inst.frz ? (li.live && li.liveseg==i?'e410':'e0e8') : 'e325'};</i>`+
|
`<i class="icons e-icon frz ${simplifiedUI ? 'nosimple' : ''}" id="seg${i}frz" onclick="event.preventDefault();tglFreeze(${i});">&#x${inst.frz ? (li.live && li.liveseg==i?'e410':'e0e8') : 'e325'};</i>`+
|
||||||
(inst.n ? inst.n : "Segment "+i) +
|
(inst.n ? inst.n : "Segment "+i) +
|
||||||
`<div class="pop hide" onclick="event.preventDefault();event.stopPropagation();">`+
|
`<div class="pop hide ${simplifiedUI ? 'nosimple' : ''}" onclick="event.preventDefault();event.stopPropagation();">`+
|
||||||
`<i class="icons g-icon" style="color:${cG};" onclick="this.nextElementSibling.classList.toggle('hide');">ɸ${String.fromCharCode(inst.set+"A".charCodeAt(0))};</i>`+
|
`<i class="icons g-icon" style="color:${cG};" onclick="this.nextElementSibling.classList.toggle('hide');">ɸ${String.fromCharCode(inst.set+"A".charCodeAt(0))};</i>`+
|
||||||
`<div class="pop-c hide"><span style="color:var(--c-f);" onclick="setGrp(${i},0);">➊</span><span style="color:var(--c-r);" onclick="setGrp(${i},1);">➋</span><span style="color:var(--c-g);" onclick="setGrp(${i},2);">➌</span><span style="color:var(--c-l);" onclick="setGrp(${i},3);">➍</span></div>`+
|
`<div class="pop-c hide"><span style="color:var(--c-f);" onclick="setGrp(${i},0);">➊</span><span style="color:var(--c-r);" onclick="setGrp(${i},1);">➋</span><span style="color:var(--c-g);" onclick="setGrp(${i},2);">➌</span><span style="color:var(--c-l);" onclick="setGrp(${i},3);">➍</span></div>`+
|
||||||
`</div> `+
|
`</div> `+
|
||||||
`<i class="icons edit-icon flr" id="seg${i}nedit" onclick="tglSegn(${i})"></i>`+
|
`<i class="icons edit-icon flr ${simplifiedUI ? 'nosimple' : ''}" id="seg${i}nedit" onclick="tglSegn(${i})"></i>`+
|
||||||
`</div>`+
|
`</div>`+
|
||||||
`<i class="icons e-icon flr" id="sege${i}" onclick="expand(${i})"></i>`+
|
`<i class="icons e-icon flr ${simplifiedUI ? 'nosimple' : ''}" id="sege${i}" onclick="expand(${i})"></i>`+
|
||||||
(cfg.comp.segpwr ? segp : '') +
|
(cfg.comp.segpwr ? segp : '') +
|
||||||
`<div class="segin" id="seg${i}in">`+
|
`<div class="segin ${simplifiedUI ? 'nosimple' : ''}" id="seg${i}in">`+
|
||||||
`<input type="text" class="ptxt" id="seg${i}t" autocomplete="off" maxlength=${li.arch=="esp8266"?32:64} value="${inst.n?inst.n:""}" placeholder="Enter name..."/>`+
|
`<input type="text" class="ptxt" id="seg${i}t" autocomplete="off" maxlength=${li.arch=="esp8266"?32:64} value="${inst.n?inst.n:""}" placeholder="Enter name..."/>`+
|
||||||
`<table class="infot segt">`+
|
`<table class="infot segt">`+
|
||||||
`<tr>`+
|
`<tr>`+
|
||||||
@ -3025,7 +3025,11 @@ function simplifyUI() {
|
|||||||
|
|
||||||
// Put effects below palett list
|
// Put effects below palett list
|
||||||
gId("Colors").innerHTML += gId("Effects").innerHTML;
|
gId("Colors").innerHTML += gId("Effects").innerHTML;
|
||||||
// Put preset quick load before palette list
|
// Put segments before palette list if there are multiple segments
|
||||||
|
if (lastinfo.leds.seglc.length > 1) {
|
||||||
|
gId("Colors").insertBefore(gId("segcont"), gId("pall"));
|
||||||
|
}
|
||||||
|
// Put preset quick load before palette list and segemts
|
||||||
gId("Colors").insertBefore(gId("pql"), gId("pall"));
|
gId("Colors").insertBefore(gId("pql"), gId("pall"));
|
||||||
|
|
||||||
// Hide buttons in top bar
|
// Hide buttons in top bar
|
||||||
|
Loading…
x
Reference in New Issue
Block a user