Jan/WLED_MM_Infinity
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Create or delete bigPeek (click on smallPeek/bigPeek)

Browse Source
This commit is contained in:
Ewoud
2023-03-29 21:59:49 +02:00
parent fd658fcc32
commit d9c886abdc
5 changed files with 1652 additions and 1627 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
wled00/data/index.htm
View File

@@ -66,7 +66,7 @@
<button id="buttonPower" onclick="togglePower()" class="tgl"><i class="icons">&#xe08f;</i><p class="tab-label">Power</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="buttonSr" onclick="toggleLiveview()"><i class="icons">&#xe410;</i><p class="tab-label">GFX ☾</p></button>
<button id="buttonSr" onclick="toggleLiveview()"><i class="icons">&#xe410;</i><p class="tab-label">GFX</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 onclick="window.location.href='/settings';"><i class="icons">&#xe0a2;</i><p class="tab-label">Config</p></button>
@@ -210,7 +210,7 @@
<div id="effectGFX"> <!--WLEDMM-->
<!-- <p class="labels hd">Peek ☾ <button class="btn infobtn btn-xs" onclick="eandp(this,gId('canvasPeek'));">v</button></p> -->
<br>
<canvas id="canvasPeek"></canvas><br>
<canvas id="canvasPeek" onclick="bigPeek(true)"></canvas><br>
<br>
</div>
<div id="fx">

16
wled00/data/index.js
View File

@@ -1963,6 +1963,22 @@ function toggleLiveview()
if (ws && ws.readyState === WebSocket.OPEN) ws.send(`{"lv":${isLv}}`);
}
//WLEDMM create and delete iFrame for peek (isLv is true if create)
function bigPeek(doCreate)
{
let lvID = "liveview2D"
if (doCreate) {
var cn = '<iframe id="liveview2D" src="about:blank" onload="this.contentWindow.document.body.onclick=function(){bigPeek(false);}"></iframe>';
gId('kliveview2D').innerHTML = cn;
}
gId('mliveview2D').style.transform = (doCreate) ? "translateY(0px)":"translateY(100%)";
gId(lvID).style.display = (doCreate) ? "block":"none";
var url = (loc?`http://${locip}`:'') + "/" + lvID;
gId(lvID).src = (doCreate) ? url:"about:blank";
}
function toggleInfo()
{
if (isNodes) toggleNodes();