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

Corrections

Browse Source
This commit is contained in:
Alerson Jorge 2023-09-28 09:09:42 -03:00
parent 37dc17ae15
commit acfc166a11
3 changed files with 13 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
wled00/data/index.css
View File

@ -285,6 +285,11 @@ button {
position: relative; position: relative;
} }
.btn-pxm {
width: 100% !important;
margin: 10px 0 !important;
}
.tab { .tab {
background-color: transparent; background-color: transparent;
color: var(--c-d); color: var(--c-d);
@ -812,6 +817,7 @@ input[type=range]::-moz-range-thumb {
text-overflow: ellipsis; text-overflow: ellipsis;
border: 1px solid var(--c-3); border: 1px solid var(--c-3);
background-color: var(--c-3); background-color: var(--c-3);
z-index: 9;
} }
#segutil .btn-s:hover, #segutil .btn-s:hover,
#segutil2 .btn-s:hover, #segutil2 .btn-s:hover,

1
wled00/data/index.htm
View File

@ -65,7 +65,6 @@
<button id="buttonNl" onclick="toggleNl()"><i class="icons">&#xe2a2;</i><p class="tab-label">Timer</p></button> <button id="buttonNl" onclick="toggleNl()"><i class="icons">&#xe2a2;</i><p class="tab-label">Timer</p></button>
<button id="buttonSync" onclick="toggleSync()"><i class="icons">&#xe116;</i><p class="tab-label">Sync</p></button> <button id="buttonSync" onclick="toggleSync()"><i class="icons">&#xe116;</i><p class="tab-label">Sync</p></button>
<button id="buttonSr" onclick="toggleLiveview()"><i class="icons">&#xe410;</i><p class="tab-label">Peek</p></button> <button id="buttonSr" onclick="toggleLiveview()"><i class="icons">&#xe410;</i><p class="tab-label">Peek</p></button>
<button id="buttonPixelMagicTool" onclick="togglePixelMagicTool()"><i class="icons">&#xe2b3;</i><p class="tab-label">Pixel Magic</p></button>
<button id="buttonI" onclick="toggleInfo()"><i class="icons">&#xe066;</i><p class="tab-label">Info</p></button> <button id="buttonI" onclick="toggleInfo()"><i class="icons">&#xe066;</i><p class="tab-label">Info</p></button>
<button id="buttonNodes" onclick="toggleNodes()"><i class="icons">&#xe22d;</i><p class="tab-label">Nodes</p></button> <button id="buttonNodes" onclick="toggleNodes()"><i class="icons">&#xe22d;</i><p class="tab-label">Nodes</p></button>
<button onclick="window.location.href=getURL('/settings');"><i class="icons">&#xe0a2;</i><p class="tab-label">Config</p></button> <button onclick="window.location.href=getURL('/settings');"><i class="icons">&#xe0a2;</i><p class="tab-label">Config</p></button>

25
wled00/data/index.js
View File

@ -39,9 +39,6 @@ var hol = [
[0,0,1,1,"https://initiate.alphacoders.com/download/wallpaper/1198800/images/jpg/2522807481585600"] // new year [0,0,1,1,"https://initiate.alphacoders.com/download/wallpaper/1198800/images/jpg/2522807481585600"] // new year
]; ];
// Buttons
var btnPXM = gId('buttonPixelMagicTool');
function handleVisibilityChange() {if (!d.hidden && new Date () - lastUpdate > 3000) requestJson();} function handleVisibilityChange() {if (!d.hidden && new Date () - lastUpdate > 3000) requestJson();}
function sCol(na, col) {d.documentElement.style.setProperty(na, col);} function sCol(na, col) {d.documentElement.style.setProperty(na, col);}
function gId(c) {return d.getElementById(c);} function gId(c) {return d.getElementById(c);}
@ -279,7 +276,6 @@ function onLoad()
}); });
}); });
resetUtil(); resetUtil();
d.addEventListener("visibilitychange", handleVisibilityChange, false); d.addEventListener("visibilitychange", handleVisibilityChange, false);
//size(); //size();
gId("cv").style.opacity=0; gId("cv").style.opacity=0;
@ -288,8 +284,6 @@ function onLoad()
sl.addEventListener('touchstart', toggleBubble); sl.addEventListener('touchstart', toggleBubble);
sl.addEventListener('touchend', toggleBubble); sl.addEventListener('touchend', toggleBubble);
} }
btnPXM.style.display = cfg.comp.pxm ? "block" : "none";
} }
function updateTablinks(tabI) function updateTablinks(tabI)
@ -462,7 +456,6 @@ function loadPresets(callback = null)
}) })
.then(res => { .then(res => {
if (res.status=="404") return {"0":{}}; if (res.status=="404") return {"0":{}};
//if (!res.ok) showErrorToast();
return res.json(); return res.json();
}) })
.then(json => { .then(json => {
@ -1766,14 +1759,9 @@ function togglePixelMagicTool()
} }
} }
btnPXM.className = (isPXM) ? "active":"";
size(); size();
} }
function updateNameResize(){
btnPXM.querySelector('p').textContent = (wW < 1024) ? "PXM" : "Pixel Magic";
}
function makeSeg() function makeSeg()
{ {
var ns = 0, ct = 0; var ns = 0, ct = 0;
@ -2066,10 +2054,12 @@ function resetPUtil()
{ {
gId('psFind').classList.add('staytop'); gId('psFind').classList.add('staytop');
let p = gId('putil'); let p = gId('putil');
let dpxm = cfg.comp.pxm ? "inline-block" : "none";
p.classList.add('staybot'); p.classList.add('staybot');
p.classList.remove('pres'); p.classList.remove('pres');
p.innerHTML = `<button class="btn btn-s" onclick="makePUtil()" style="float:left;"><i class="icons btn-icon">&#xe18a;</i>Preset</button>` p.innerHTML = `<button class="btn btn-s" onclick="makePUtil()" style="float:left;"><i class="icons btn-icon">&#xe18a;</i>Preset</button>`
+ `<button class="btn btn-s" onclick="makePlUtil()" style="float:right;"><i class="icons btn-icon">&#xe18a;</i>Playlist</button>`; + `<button class="btn btn-s" onclick="makePlUtil()" style="float:right;"><i class="icons btn-icon">&#xe18a;</i>Playlist</button>`
+ `<button class="btn btn-pxm" id="buttonPixelMagicTool" onclick="togglePixelMagicTool()" style="display: ${dpxm};"><i class="icons btn-icon">&#xe410;</i>Pixel Magic Tool</button>`;
} }
function tglCs(i) function tglCs(i)
@ -2918,18 +2908,15 @@ function size()
if (isLv) h -= 4; if (isLv) h -= 4;
sCol('--tp', h + "px"); sCol('--tp', h + "px");
togglePcMode(); togglePcMode();
updateNameResize();
lastw = wW; lastw = wW;
} }
function listenMessage(e){ function listenMessage(e){
const { origin, data } = e; const { origin, data } = e;
if (origin === window.location.origin) { if (origin === window.location.origin) {
switch(data){ if(data === 'loadPresets'){
case 'loadPresets': populatePresets();
setTimeout(()=>{pmtLast=0; loadPresets();}, 250); setTimeout(()=>{pmtLast=0; loadPresets();}, 750); // force reloading of presets
break;
} }
} }
} }