Fix: iframe beim Deaktivieren sofort entladen, kein Reload beim Ausschalten

- PHP: leerer Panel-Body wenn deaktiviert (kein iframe im DOM beim Seitenaufruf)
- JS: beim Ausschalten iframe auf about:blank + Bootstrap-Panel einklappen, kein Reload
- JS: beim Einschalten Reload nach fetch (PHP rendert iframe frisch)

Author: skerbis

assets/js/live_preview.js

@@ -715,6 +715,47 @@
         };
     }
 
+    // -------------------------------------------------------------------------
+    // Panel Enable/Disable Toggle (per-User-Präferenz via API)
+    // -------------------------------------------------------------------------
+
+    document.addEventListener('click', function (e) {
+        // Verhindert, dass der Panel-Header (Bootstrap-Collapse) durch den Toggle-Klick getriggert wird
+        if (e.target.closest('.rex-lp-header-toggle')) {
+            e.stopPropagation();
+        }
+    }, true); // capture phase
+
+    document.addEventListener('change', function (e) {
+        var toggle = e.target.closest('.rex-lp-enable-toggle');
+        if (!toggle) { return; }
+        var enabled = toggle.checked;
+
+        // Sofort: iframe entladen wenn deaktiviert
+        var panel = document.getElementById('rex-lp-panel');
+        if (!enabled && panel) {
+            var iframe = panel.querySelector('#rex-lp-iframe');
+            if (iframe) { iframe.src = 'about:blank'; }
+        }
+
+        // Bootstrap-Panel kollabieren / aufklappen
+        var section = toggle.closest('.panel');
+        if (section) {
+            var collapseEl = section.querySelector('.panel-collapse');
+            if (collapseEl) {
+                $(collapseEl).collapse(enabled ? 'show' : 'hide');
+            }
+        }
+
+        // Präferenz speichern
+        // Beim Einschalten: reload, damit PHP den iframe frisch rendert
+        // Beim Ausschalten: kein reload nötig (iframe ist bereits entladen)
+        fetch(toggle.dataset.url + '&enabled=' + (enabled ? 1 : 0))
+            .then(function () {
+                if (enabled) { window.location.reload(); }
+            });
+    });
+
     // -------------------------------------------------------------------------
     // Start – jQuery ist im REDAXO-Backend immer verfügbar
     // -------------------------------------------------------------------------

boot.php

@@ -10,8 +10,9 @@
 rex_view::addCssFile($this->getAssetsUrl('css/live_preview.css'));
 rex_view::addJsFile($this->getAssetsUrl('js/live_preview.js'));
 
-// Namespaced API-Klasse registrieren (seit REDAXO 5.17 unterstützt)
+// Namespaced API-Klassen registrieren (seit REDAXO 5.17 unterstützt)
 rex_api_function::register('live_preview_url', \FriendsOfREDAXO\LivePreview\LivePreviewUrlApi::class);
+rex_api_function::register('live_preview_toggle', \FriendsOfREDAXO\LivePreview\LivePreviewToggleApi::class);
 
 // API-URL für JS bereitstellen
 rex_view::setJsProperty('livePreviewApiUrl', rex_url::backendController(['rex-api-call' => 'live_preview_url']));
@@ -65,12 +66,27 @@
         return (string) ob_get_clean();
     })();
 
+    // User-Präferenz für das Panel lesen (Default: aktiviert)
+    $userId            = rex::getUser()->getId();
+    $livePreviewEnabled = (bool) rex_addon::get('live_preview')->getConfig('live_preview_enabled_' . $userId, true);
+    $toggleUrl          = rex_url::backendController(['rex-api-call' => 'live_preview_toggle']);
+    $toggleChecked      = $livePreviewEnabled ? ' checked="checked"' : '';
+
+    $panelTitle = '<i class="rex-icon fa-eye"></i> ' . rex_i18n::msg('live_preview_title')
+        . '<label class="rex-lp-header-toggle rex-lp-toggle-pill" onclick="event.stopPropagation()" title="' . rex_escape(rex_i18n::msg('live_preview_toggle_title')) . '">'
+        . '<input type="checkbox" class="rex-lp-enable-toggle"' . $toggleChecked . ' data-url="' . rex_escape($toggleUrl) . '">'
+        . '<span class="rex-lp-toggle-slider"></span>'
+        . '</label>';
+
+    // Wenn deaktiviert: leerer Body (kein iframe im DOM → lädt nicht)
+    $fragmentBody = $livePreviewEnabled ? $panel : '';
+
     // REDAXO-Standard-Panel (wie yrewrite)
     $fragment = new rex_fragment();
-    $fragment->setVar('title', '<i class="rex-icon fa-eye"></i> ' . rex_i18n::msg('live_preview_title'), false);
-    $fragment->setVar('body', $panel, false);
+    $fragment->setVar('title', $panelTitle, false);
+    $fragment->setVar('body', $fragmentBody, false);
     $fragment->setVar('collapse', true);
-    $fragment->setVar('collapsed', false);
+    $fragment->setVar('collapsed', !$livePreviewEnabled);
     $content = $fragment->parse('core/page/section.php');
 
     return $subject . $content;