From 1db796c40fa060be98a2bf10cd8bde1dd972618d Mon Sep 17 00:00:00 2001
From: s-hadinger <49731213+s-hadinger@users.noreply.github.com>
Date: Sat, 22 Feb 2025 12:00:36 +0100
Subject: [PATCH] LVGL Mirroring add checkbox to enable/disable the feature
 (#23047)

---
 CHANGELOG.md                            |   1 +
 tasmota/berry/lvgl_panel/lvgl_panel.be  |  33 ++++++++++++++++++++++--
 tasmota/berry/lvgl_panel/lvgl_panel.bec | Bin 13786 -> 14168 bytes
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a6165401d..ca869ccca 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@ All notable changes to this project will be documented in this file.
 
 ### Changed
 - LVGL, prepare for HASPmota theme, change: no-grow when clicked, DPI set to 160
+- LVGL Mirroring add checkbox to enable/disable the feature (in the iterim for a better solution)
 
 ### Fixed
 
diff --git a/tasmota/berry/lvgl_panel/lvgl_panel.be b/tasmota/berry/lvgl_panel/lvgl_panel.be
index fe46c942c..5d1e3940c 100644
--- a/tasmota/berry/lvgl_panel/lvgl_panel.be
+++ b/tasmota/berry/lvgl_panel/lvgl_panel.be
@@ -1018,8 +1018,13 @@ class lvgl_panel
           '<tbody>'
             '<tr>'
               '<td>'
-                '<fieldset style="background-color:{tasmota.webcolor(1)};"><legend style="text-align:left;">&nbsp;LVGL screen mirroring&nbsp;</legend>'
-                  '<iframe id="lvgl_iframe" src="http://{ip}:{self.port}/lvgl" '
+                '<fieldset style="background-color:{tasmota.webcolor(1)};">'
+                  '<legend style="text-align:left;">'
+                    '<label>'
+                      '<input type="checkbox" id="lvchk">&nbsp;LVGL screen mirroring&nbsp;'
+                    '</label>'
+                  '</legend>'
+                  '<iframe id="lvgl_iframe" src="about:blank" hidden="true"'
                     'style="color:#eaeaea; border:0px none;height:{height}px;width:{width}px;margin:0px 8px 0px 8px;padding:0px 0px;">'
                   '</iframe>'
                 '</fieldset>'            
@@ -1027,6 +1032,30 @@ class lvgl_panel
             '</tr>'
           '</tbody>'
         '</table>'
+        '<script>'
+          'const lvuri="http://{ip}:{self.port}/lvgl";'
+        '</script>'
+      )
+      webserver.content_send(
+        '<script>'
+        'function lvg(){'
+          'lvchk=eb("lvchk");'
+          # checkbox event
+          'lvchk.addEventListener("change",(event)=>{'
+            'const iframe=document.getElementById("lvgl_iframe");'
+            'if(lvchk.checked){'
+              # When checked, reload the original content
+              'iframe.src=lvuri;'
+              'iframe.hidden=false;'
+            '}else{'
+              # When unchecked, replace iframe with itself to unload it
+              'iframe.src="about:blank";'
+              'iframe.hidden=true;'
+            '}'
+          '});'
+        '}'
+        'wl(lvg);'
+        '</script>'
       )
     end
   end
diff --git a/tasmota/berry/lvgl_panel/lvgl_panel.bec b/tasmota/berry/lvgl_panel/lvgl_panel.bec
index d820f8609ec0d25ad5232cae165a172a0e95c3d6..bccab3d99969fd1e0e83fe7527b6faf7cd6ede56 100644
GIT binary patch
delta 481
zcmZ8d%}&BV7~DoA1dTMx!5B>F5~Pg;Jm`f|PI~h$2NKh6x9x^?+qB!F0fI*l-s*#x
zn0WLBd;ou*#e++W(RlgtWp=*VnfV;Qv&XU`ounJeg|wd{WvCX_5h%4spl~$Wl8*1d
zW^D!v)meG1dS3yx;c^E6+{)>jLZ#RA6!KP|nii&mK4C%3>-;9b21Fi4W6QsWbz&Qk
zCdeD7&+uS9W2PUlwP#v>%zG9!*%;P6V%wM*kcTmb=}zNe(T`9_0zN=Ki+G(TaYzj4
zaUS%#-DcElMqQe?6zcu%iYS-B1Y5|beke)8qFexhA9A@U{YW`6L!9_bsJW^(%}g2C
zQgeGy(=()F+V)w}#*Cknh+~FBRirVQi(y;EiNG~uFwJcdCp53Hk$xTSE`*9pFLOj_
z5l7ACvL>*tP4lNt6e1&wBPh%3&MLcO(g^EwEaqP-{M*yNlVw}_e6H#939X3lT<y1x
Jr<X=;`y0Mxp=<yE

delta 119
zcmcbScPo1Xmm;IlWNyW9MybikiV-p_8Zmr~Ivosb1~CjACNT^=GBpe=A~g&Q3=RB~
zA1mfCCQS}dDw+INNoBI6vWjp<NlAf~zP@U)m1?nmPFZ@6lEUP0<tgF<91P{DNy+&+
W`9+M3K+OUy3<dc`C7W$jWrP4~%pY$6