@esfaenza/extensions 19.2.17 → 19.2.18

package/fesm2022/esfaenza-extensions.mjs

@@ -3,7 +3,7 @@ import { InjectionToken, Optional, Inject, Injectable, Pipe, NgModule, Injector
 import * as i1 from '@esfaenza/localizations';
 import { LocalizationModule } from '@esfaenza/localizations';
 import { first, filter, take, map } from 'rxjs/operators';
-import { ReplaySubject, of, Subject } from 'rxjs';
+import { ReplaySubject, of, Subject, filter as filter$1 } from 'rxjs';
 import { ToastrService } from 'ngx-toastr';
 import swal from 'sweetalert2';
 import * as i2 from '@angular/router';
@@ -1085,6 +1085,7 @@ class AppEmbeddingExtensions {
     MessageObserver = new Subject();
     _reloadAllowed = true;
     EmbeddedModule;
+    pushedHistories = [];
     constructor(msgService, router, location) {
         this.msgService = msgService;
         this.router = router;
@@ -1102,6 +1103,21 @@ class AppEmbeddingExtensions {
         this.configureEmbeddability();
         if (this.Embedded)
             this.msgService.configureEmbeddability(this.MainWindow, this.MessageObserver);
+        this.MessageObserver.pipe(filter$1(ev => ev.event == "menu-navigation")).subscribe(event => {
+            // Mi interessa solo roba relativa all'embedding
+            if (!event.data.routerLink.startsWith("embed"))
+                return;
+            // emb/crm/parties/parties_search?blabla --> parties/parties_search
+            let normalizedRequestedRoute = event.data.routerLink.split("?")[0].split("/").slice(2).join("/");
+            ///pages_ext/parties/parties_search?blabla --> parties/parties_search
+            let normalizedFirstRoute = this.pushedHistories.length > 0 ? this.pushedHistories[0].from.split("?")[0].split("/").slice(2).join("/") : "";
+            // La route su cui sto navigando ora è uguale alla route in cui l'embedding è iniziato. 
+            // Significa che devo simulare dei back fino a che non sono arrivato all'inizio
+            if (normalizedRequestedRoute == normalizedFirstRoute) {
+                this.router.navigate(["pages/" + event.data.routerLink, { wakeup: 1 }], { queryParams: event.data.queryParams, onSameUrlNavigation: "reload" });
+                this.pushedHistories = [];
+            }
+        });
     }
     waitForMyConfigAndForceEmbeddedModule() {
         // Aspetto di ricevere il myconfig e setto con lui l'embeddedmodule. Questo viene eseguito solo se this.location.path() per qualche motivo non contiene il module
@@ -1117,11 +1133,24 @@ class AppEmbeddingExtensions {
         this._reloadAllowed = true;
         return ret;
     }
+    MessageBarrierDebouncMs = 250;
+    OnMessageCallBarrier = {};
+    messageHash(event) {
+        return `${JSON.parse(JSON.stringify(event?.data))}`;
+    }
     configureEmbeddability() {
         window.onmessage = (event) => {
             // Ignoro i miei messaggi dato che mi interessano solo quelli degli altri iframe
             if (event.source == window && event?.data?.type != "modal-open")
                 return;
+            // Posso gestire lo stesso identico messaggio solo 1 volta ogni MessageBarrierDebouncMs
+            let messageHash = this.messageHash(event);
+            if (this.OnMessageCallBarrier[messageHash])
+                return;
+            else {
+                this.OnMessageCallBarrier[messageHash] = true;
+                setTimeout(() => delete this.OnMessageCallBarrier[messageHash], this.MessageBarrierDebouncMs);
+            }
             this.MessageObserver.next({ event: "window-message", data: event?.data });
             if (event?.data?.type == "alert") {
                 console.log(`Window message - alert -> Level: ${event?.data?.level}, Message: ${event?.data?.msg}`);
@@ -1169,6 +1198,7 @@ class AppEmbeddingExtensions {
                 console.log(`Window message - navigate -> ${event?.data?.url}`);
                 var newTab = event?.data?.newTab;
                 var replaceState = event?.data?.replaceState;
+                var current = event?.data?.current;
                 // Controllo se il router sta seguendo la chiamata attuale. Escludo i query params che sono gli unici che possono essere seccati dai replaceState
                 // e che potrebbero fare del casino
                 if (!window.location.href.includes(this.router.url.split("?")[0])) {
@@ -1178,17 +1208,16 @@ class AppEmbeddingExtensions {
                 let newRelativeUrl = this.router.createUrlTree([event?.data?.url]);
                 let baseUrl = window.location.href.replace(this.router.url.replace("?ignoreStorage=true", ''), '');
                 let newUrl = baseUrl + decodeURIComponent(newRelativeUrl.toString());
-                if (replaceState)
+                if (replaceState) {
+                    this.pushedHistories.push({ _pushed: true, url: newUrl, from: current });
                     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();
-                }
+                this.onNavigateBack();
             }
             else if (event?.data?.type == "redirect") {
                 console.log(`Window message - redirect -> ${event?.data?.url}`);
@@ -1204,7 +1233,8 @@ class AppEmbeddingExtensions {
                 const wrapperPaddingLeft = parseInt(wrapperStyles.getPropertyValue("padding-left"));
                 const wrapperPaddingRight = parseInt(wrapperStyles.getPropertyValue("padding-right"));
                 console.log(`Window message - Modal Open -> Backdrop Height: ${event?.data?.backdropHeight}`);
-                var topHeight = 80; // valore fisso, distanza fra il top e l'inizio dell'iframe, non sarà mai diverso
+                var bottomLeftover = 7; // Valore fisso... robina che rimane di sotto per un motivo o quell'altro
+                var topHeight = 86; // 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 = this.sidebarWidth + wrapperPaddingLeft;
                 let commonStyles = "position: absolute; z-index: 9999; background-color: #000; opacity: 0.5; ";
@@ -1221,13 +1251,14 @@ class AppEmbeddingExtensions {
                 right.className = "embedded-modal-right";
                 right.style.cssText = commonStyles + `height: calc(100% - ${topHeight}px); top: ${topHeight}px; right: 0; width: ${rightSpace}px;`;
                 right.id = "right";
-                // const bottom = document.createElement("div");
-                // bottom.className = "embedded-modal-bottom";
-                // bottom.style.cssText = commonStyles + `height: ${topHeight}px; bottom: 0; width: calc(100% - ${leftSpace}px); left: ${leftSpace}px`;
-                // bottom.id = "bottom";
+                const bottom = document.createElement("div");
+                bottom.className = "embedded-modal-bottom";
+                bottom.style.cssText = commonStyles + `height: ${bottomLeftover}px; bottom: 0; width: calc(100% - ${leftSpace + rightSpace}px); left: ${leftSpace}px`;
+                bottom.id = "bottom";
                 document.body.appendChild(top);
                 document.body.appendChild(left);
                 document.body.appendChild(right);
+                document.body.appendChild(bottom);
             }
             else if (event?.data?.type == "modal-close") {
                 console.log(`Window message - Modal Close`);
@@ -1236,17 +1267,27 @@ class AppEmbeddingExtensions {
                 const top = document.getElementById("top");
                 const left = document.getElementById("left");
                 const right = document.getElementById("right");
+                const bottom = document.getElementById("bottom");
                 if (top)
                     document.body.removeChild(top);
                 if (left)
                     document.body.removeChild(left);
                 if (right)
                     document.body.removeChild(right);
+                if (bottom)
+                    document.body.removeChild(bottom);
             }
         };
         if (this.Embedded)
             document.body.style.setProperty("overflow-y", "auto", "important");
     }
+    onNavigateBack() {
+        if (history?.state?._pushed) {
+            this._reloadAllowed = false;
+            this.pushedHistories.pop();
+            history.back();
+        }
+    }
     replaceState(basePath, url) {
         // Esempio basePath: pages
         // Esempio url: parties/leads_search