added iframe button to container

SQUASHED: AUTO-COMMIT-src-components-tools-lively-container.html,AUTO-COMMIT-src-components-tools-lively-container.js,
LivelyKernel · Aug 14, 2024 · d996b56 · d996b56
1 parent fcd1879
commit d996b56
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git 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
@@ -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()