+
+
diff --git a/packages/admin-ui/src/app/shared/components/extension-host/extension-host.component.scss b/packages/admin-ui/src/app/shared/components/extension-host/extension-host.component.scss
index 4b27f93399..d0f39f4bd6 100644
--- a/packages/admin-ui/src/app/shared/components/extension-host/extension-host.component.scss
+++ b/packages/admin-ui/src/app/shared/components/extension-host/extension-host.component.scss
@@ -10,3 +10,34 @@ iframe {
height: 100%;
border: none;
}
+
+.launch-button {
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 100%;
+ height: 100%;
+ border: none;
+ padding: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: background-color 0.3s;
+ text-align: center;
+ &.launched {
+ background-color: $color-grey-300;
+ }
+}
+
+.window-hint {
+ visibility: hidden;
+ opacity: 0;
+ transition: visibility 0.3s 0, opacity 0.3s;
+ &.visible {
+ visibility: visible;
+ opacity: 1;
+ transition: visibility 0, opacity 0.3s;
+ }
+}
diff --git a/packages/admin-ui/src/app/shared/components/extension-host/extension-host.component.ts b/packages/admin-ui/src/app/shared/components/extension-host/extension-host.component.ts
index 8acd90adce..e422c4eefd 100644
--- a/packages/admin-ui/src/app/shared/components/extension-host/extension-host.component.ts
+++ b/packages/admin-ui/src/app/shared/components/extension-host/extension-host.component.ts
@@ -1,4 +1,12 @@
-import { ChangeDetectionStrategy, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
+import {
+ AfterViewInit,
+ ChangeDetectionStrategy,
+ Component,
+ ElementRef,
+ OnDestroy,
+ OnInit,
+ ViewChild,
+} from '@angular/core';
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
import { ActivatedRoute } from '@angular/router';
@@ -12,9 +20,13 @@ import { ExtensionHostService } from './extension-host.service';
changeDetection: ChangeDetectionStrategy.Default,
providers: [ExtensionHostService],
})
-export class ExtensionHostComponent implements OnInit {
+export class ExtensionHostComponent implements OnInit, AfterViewInit, OnDestroy {
extensionUrl: SafeResourceUrl;
- @ViewChild('extensionFrame', { static: true }) private extensionFrame: ElementRef