added update button to iframe

SQUASHED: AUTO-COMMIT-src-components-widgets-lively-iframe.html,AUTO-COMMIT-src-components-widgets-lively-iframe.js,
LivelyKernel · Aug 15, 2024 · 0f19fc0 · 0f19fc0
1 parent 8591ede
commit 0f19fc0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/src/components/widgets/lively-iframe.html b/src/components/widgets/lively-iframe.html
@@ -1,5 +1,6 @@
 <template id="lively-iframe" data-title="iFrame Browser" >
   <style data-src="/templates/livelystyle.css"></style>
+  <style data-src="/src/external/font-awesome/css/font-awesome.css"></style>
   <style>
     :host {
       width: 1980px;
@@ -32,11 +33,22 @@
     :host([navigation=false]) input {
       display: none
     }
-
+
+    button {
+      height: 1.5em;
+      vertical-align: center;
+    }
+    #menubar {
+      justify-items: center;
+      align-items: middle;
+    }
 
   </style>
   <div class="container">
     <div id="menubar">
+      <button id='update-button'>
+        <i class='fa fa-refresh' aria-hidden='true'></i>
+      </button>
       <input id="input" value="" />
     </div>
     <iframe id="frame" width="100%" height="100%">

diff --git a/src/components/widgets/lively-iframe.js b/src/components/widgets/lively-iframe.js
@@ -11,6 +11,7 @@ export default class LivelyIFrame extends Morph {
   async initialize() {
     this.windowTitle = "iFrame Browser";
     this.input.onchange = () => this.update();
+    lively.html.registerButtons(this)
 
     if (this.getAttribute("src")) {
       this.setURL(this.getAttribute("src"));
@@ -49,6 +50,10 @@ export default class LivelyIFrame extends Morph {
     this.get("#menubar").hidden = false;
   }
 
+  onUpdateButton() {
+    this.update()
+  }
+
   livelyMigrate(other) {
     this.setURL(other.getURL());
   }