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

simplifiedUI moved to index.js

Browse Source
This commit is contained in:
Woody 2023-11-14 20:28:22 +01:00
parent 0c97d7701e
commit a3dd6ce891
No known key found for this signature in database
GPG Key ID: 9872D7F5072789B2
2 changed files with 49 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
wled00/data/index.css
View File

@ -1325,11 +1325,19 @@ TD .checkmark, TD .radiomark {
top: calc(var(--sti) + 42px); top: calc(var(--sti) + 42px);
} }
#pallist.simplified .lstI.selected {
top: 42px;
}
#fxlist .lstI.sticky, #fxlist .lstI.sticky,
#pallist .lstI.sticky { #pallist .lstI.sticky {
top: var(--sti); top: var(--sti);
} }
#pallist.simplified .lstI.sticky {
top: 0px;
}
/* list item content */ /* list item content */
.lstIcontent { .lstIcontent {
padding: 9px 0 7px; padding: 9px 0 7px;

44
wled00/data/index.js
View File

@ -12,7 +12,7 @@ var currentPreset = -1;
var lastUpdate = 0; var lastUpdate = 0;
var segCount = 0, ledCount = 0, lowestUnused = 0, maxSeg = 0, lSeg = 0; var segCount = 0, ledCount = 0, lowestUnused = 0, maxSeg = 0, lSeg = 0;
var pcMode = false, pcModeA = false, lastw = 0, wW; var pcMode = false, pcModeA = false, lastw = 0, wW;
var simpleUI = false; var simplifiedUI = false;
var tr = 7; var tr = 7;
var d = document; var d = document;
var palettesData; var palettesData;
@ -626,6 +626,7 @@ function parseInfo(i) {
if (i.live) name = "(Live) " + name; if (i.live) name = "(Live) " + name;
if (loc) name = "(L) " + name; if (loc) name = "(L) " + name;
d.title = name; d.title = name;
simplifiedUI = i.simplifiedui;
ledCount = i.leds.count; ledCount = i.leds.count;
//syncTglRecv = i.str; //syncTglRecv = i.str;
maxSeg = i.leds.maxseg; maxSeg = i.leds.maxseg;
@ -1661,6 +1662,7 @@ function requestJson(command=null)
parseInfo(i); parseInfo(i);
populatePalettes(i); populatePalettes(i);
if (isInfo) populateInfo(i); if (isInfo) populateInfo(i);
if (simplifiedUI) simplifyUI();
} }
var s = json.state ? json.state : json; var s = json.state ? json.state : json;
readState(s); readState(s);
@ -2903,7 +2905,7 @@ function hasIroClass(classList)
//required by rangetouch.js //required by rangetouch.js
function lock(e) function lock(e)
{ {
if (pcMode || simpleUI) return; if (pcMode || simplifiedUI) return;
var l = e.target.classList; var l = e.target.classList;
var pl = e.target.parentElement.classList; var pl = e.target.parentElement.classList;
@ -2917,7 +2919,7 @@ function lock(e)
//required by rangetouch.js //required by rangetouch.js
function move(e) function move(e)
{ {
if(!locked || pcMode || simpleUI) return; if(!locked || pcMode || simplifiedUI) return;
var clientX = unify(e).clientX; var clientX = unify(e).clientX;
var dx = clientX - x0; var dx = clientX - x0;
var s = Math.sign(dx); var s = Math.sign(dx);
@ -3017,6 +3019,42 @@ function tooltip()
}); });
}); });
}; };
function simplifyUI() {
// Disable PC Mode as it does not exist in simple UI
if (pcMode) togglePcMode(true);
// Put effects below palett list
gId("Colors").innerHTML += gId("Effects").innerHTML;
// Put preset quick load before palette list
gId("Colors").insertBefore(gId("pql"), gId("pall"));
// Hide buttons in top bar
gId("buttonNl").style.display = "none";
gId("buttonSync").style.display = "none";
gId("buttonSr").style.display = "none";
gId("buttonPcm").style.display = "none";
// Hide bottom bar
gId("bot").style.display = "none";
document.documentElement.style.setProperty('--bh', '0px');
// Hide other tabs
gId("Effects").style.display = "none";
gId("Segments").style.display = "none";
gId("Presets").style.display = "none";
// Chage height of palette list
gId("pallist").style.height = "300px";
gId("pallist").style.overflow = "scroll";
// fix shadow
gId("pallist").style.margin = "0px -16px";
gId("pallist").style.padding = "0px 16px";
// set correct position of selected and sticky palette
gId("pallist").classList.add("simplified");
// Hide filter options
gId("filters").style.display = "none";
}
size(); size();
_C.style.setProperty('--n', N); _C.style.setProperty('--n', N);