From 0f19fc081305ff8bdf9cfa631201c45b2468610c Mon Sep 17 00:00:00 2001
From: onsetsu <stefan.ramson@gmail.com>
Date: Thu, 15 Aug 2024 22:27:00 +0200
Subject: [PATCH] added update button to iframe

SQUASHED: AUTO-COMMIT-src-components-widgets-lively-iframe.html,AUTO-COMMIT-src-components-widgets-lively-iframe.js,
---
 src/components/widgets/lively-iframe.html | 14 +++++++++++++-
 src/components/widgets/lively-iframe.js   |  5 +++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/lively-iframe.html b/src/components/widgets/lively-iframe.html
index 7fcfece4b..21f36dd4e 100644
--- 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
index 112c362d9..c93bf6aaa 100644
--- 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());
   }