@esfaenza/extensions 15.2.31 → 15.2.33

package/fesm2020/esfaenza-extensions.mjs

@@ -1040,9 +1040,11 @@ class AppEmbeddingExtensions {
     constructor(msgService, router) {
         this.msgService = msgService;
         this.router = router;
+        this.sidebarWidth = 230;
         this.Embedded = false;
         this.EmbeddingLevel = 0;
         this.MessageObserver = new Subject();
+        this._reloadAllowed = true;
         this.MainWindow = window;
         while (this.MainWindow.parent != this.MainWindow) {
             this.MainWindow = this.MainWindow.parent;
@@ -1053,6 +1055,11 @@ class AppEmbeddingExtensions {
         if (this.Embedded)
             this.msgService.configureEmbeddability(this.MainWindow, this.MessageObserver);
     }
+    IsReloadAllowed() {
+        let ret = this._reloadAllowed;
+        this._reloadAllowed = true;
+        return ret;
+    }
     configureEmbeddability() {
         window.onmessage = (event) => {
             // Ignoro i miei messaggi dato che mi interessano solo quelli degli altri iframe
@@ -1083,7 +1090,6 @@ class AppEmbeddingExtensions {
                 switch (event?.data?.level) {
                     case "success":
                         this.msgService.simpleSuccessWithChoice(event?.data?.title, event?.data?.text, () => {
-                            debugger;
                             sourceWindow.postMessage({ result: true, ...baseResponse }, "*");
                         }, () => {
                             sourceWindow.postMessage({ result: false, ...baseResponse }, "*");
@@ -1091,7 +1097,6 @@ class AppEmbeddingExtensions {
                         break;
                     case "warning":
                         this.msgService.simpleWarningWithChoice(event?.data?.title, event?.data?.text, () => {
-                            debugger;
                             sourceWindow.postMessage({ result: true, ...baseResponse }, "*");
                         }, () => {
                             sourceWindow.postMessage({ result: false, ...baseResponse }, "*");
@@ -1101,7 +1106,26 @@ class AppEmbeddingExtensions {
             }
             else if (event?.data?.type == "navigate") {
                 console.log(`Window message - navigate -> ${event?.data?.url}`);
-                this.router.navigate([event?.data?.url]);
+                var newTab = event?.data?.newTab;
+                var replaceState = event?.data?.replaceState;
+                if (!window.location.href.includes(this.router.url)) {
+                    console.warn("Doppia chiamata di navigazione, ignoro il secondo evento scoordinato dal router");
+                    return;
+                }
+                let newRelativeUrl = this.router.createUrlTree([event?.data?.url]);
+                let baseUrl = window.location.href.replace(this.router.url, '');
+                let newUrl = baseUrl + decodeURIComponent(newRelativeUrl.toString());
+                if (replaceState)
+                    history.pushState({ _pushed: true }, "", newUrl);
+                else if (newTab)
+                    window.open(newUrl, '_blank');
+            }
+            else if (event?.data?.type == "navigate-back") {
+                console.log(`Window message - navigate-back -> ${event?.data?.url}`);
+                if (history.state._pushed) {
+                    this._reloadAllowed = false;
+                    history.back();
+                }
             }
             else if (event?.data?.type == "redirect") {
                 console.log(`Window message - redirect -> ${event?.data?.url}`);
@@ -1119,7 +1143,7 @@ class AppEmbeddingExtensions {
                 console.log(`Window message - Modal Open -> Backdrop Height: ${event?.data?.backdropHeight}`);
                 var topHeight = 116; // valore fisso, distanza fra il top e l'inizio dell'iframe, non sarà mai diverso
                 var rightSpace = wrapperPaddingRight; // valore fisso, distanza fra la fine dell'iframe e il lato sinistro dello schermo, non sarà mai diverso
-                var leftSpace = 230 + wrapperPaddingLeft; // 230 è la variabile $sidebar-width
+                var leftSpace = this.sidebarWidth + wrapperPaddingLeft;
                 let commonStyles = "position: absolute; z-index: 9999; background-color: #000; opacity: 0.5; ";
                 wrapper.style.setProperty("overflow", "hidden", "important");
                 const top = document.createElement("div");