From d996b567d01847f253ee56472846800221b53785 Mon Sep 17 00:00:00 2001
From: onsetsu <stefan.ramson@gmail.com>
Date: Wed, 14 Aug 2024 12:07:43 +0200
Subject: [PATCH] added iframe button to container

SQUASHED: AUTO-COMMIT-src-components-tools-lively-container.html,AUTO-COMMIT-src-components-tools-lively-container.js,
---
 src/components/tools/lively-container.html | 7 +++++++
 src/components/tools/lively-container.js   | 6 ++++++
 2 files changed, 13 insertions(+)

diff --git a/src/components/tools/lively-container.html b/src/components/tools/lively-container.html
index ed764cc15..081ad6cf6 100644
--- a/src/components/tools/lively-container.html
+++ b/src/components/tools/lively-container.html
@@ -220,6 +220,11 @@
       visibility: visible;
     }
     
+    :host(:not([src$=".html"])) #container-navigation #iframe {
+      display: none;
+      visibility: hidden;
+    }
+    
     :host(.show-options) #toggleOptions i {
     }
     
@@ -260,6 +265,8 @@
         <i class="fa fa-paint-brush"></i></button>
       <button class="edit" id="apply" title="apply code or template">
         <i class="fa fa-gears" aria-hidden="true"></i></button>
+      <button class="optional edit" id="iframe" title="open html in an iframe">
+        <i class="fa fa-html5" aria-hidden="true"></i></button>
       <button class="optional edit" id="spawnTestRunner" title="spawn test runner">
         <i class="fa fa-check-square-o" aria-hidden="true"></i></button>
       <button class="edit" id="browse" title="open new browser for url">
diff --git a/src/components/tools/lively-container.js b/src/components/tools/lively-container.js
index a218bf873..db941cf2d 100644
--- a/src/components/tools/lively-container.js
+++ b/src/components/tools/lively-container.js
@@ -1212,6 +1212,12 @@ export default class Container extends Morph {
     }
   }
 
+  async onIframe(evt) {
+    const url = this.getBaseURL();
+    const iframe = await lively.openComponentInWindow('lively-iframe', false, lively.pt(1000, 800))
+    iframe.setURL(url)
+  }
+
   async onSpawnTestRunner(evt) {
     const path = this.getPath()