feat(junior): add reload on embed-simulator

1024pix · Dec 13, 2024 · 215597c · 215597c
1 parent 07e0e56
commit 215597c
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/junior/app/components/challenge/challenge-embed-simulator/template.hbs b/junior/app/components/challenge/challenge-embed-simulator/template.hbs
@@ -13,7 +13,7 @@
     {{did-render this.setIframeHtmlElement}}
   >
   </iframe>
-  {{#unless @hideSimulator}}
+  {{#if @shouldDisplayRebootButton}}
     <div class="reboot-container">
       <button
         type="button"
@@ -25,5 +25,5 @@
         {{t "components.challenge.embed-simulator.actions.reset"}}
       </button>
     </div>
-  {{/unless}}
+  {{/if}}
 </div>
diff --git a/junior/app/components/challenge/item/component.js b/junior/app/components/challenge/item/component.js
@@ -1,6 +1,17 @@
 import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
 
 export default class Item extends Component {
+  @tracked isRebootable = false;
+
+  constructor() {
+    super(...arguments);
+    window.addEventListener('message', ({ data }) => {
+      if (data?.from === 'pix' && data?.type === 'init') {
+        this.isRebootable = !!data.rebootable;
+      }
+    });
+  }
   get isMediaWithForm() {
     return this.args.challenge.hasForm && this.hasMedia && this.args.challenge.type !== undefined;
   }
@@ -12,4 +23,8 @@ export default class Item extends Component {
       this.args.challenge.hasWebComponent
     );
   }
+
+  get shouldDisplayRebootButton() {
+    return this.isRebootable && !this.args.isDisabled;
+  }
 }
diff --git a/junior/app/components/challenge/item/template.hbs b/junior/app/components/challenge/item/template.hbs
@@ -14,6 +14,7 @@
             @height={{@challenge.embedHeight}}
             @hideSimulator={{@isDisabled}}
             @isMediaWithForm={{this.isMediaWithForm}}
+            @shouldDisplayRebootButton={{this.shouldDisplayRebootButton}}
           />
         </div>
       {{/if}}