@esfaenza/extensions 19.2.32 → 19.2.34

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, filter as filter$1 } from 'rxjs';
+import { ReplaySubject, of, Subject, filter as filter$1, take as take$1, debounceTime } from 'rxjs';
 import { ToastrService } from 'ngx-toastr';
 import swal from 'sweetalert2';
 import * as i2 from '@angular/router';
@@ -1326,6 +1326,192 @@ class AppEmbeddingExtensions {
         if (left)
             left.style.setProperty("width", leftSpace + "px");
     }
+    onEmbeddedDialogShow(dialog) {
+        dialog._renderer.setStyle(dialog._element.nativeElement, "padding-top", "5%");
+        dialog._renderer.setStyle(dialog._element.nativeElement, "margin-left", "-110px");
+        dialog._renderer.setStyle(dialog._element.nativeElement, "width", "calc(100% + 110px)");
+        dialog._renderer.setStyle(dialog._element.nativeElement, "overflow", "hidden");
+        if (dialog._config.animated)
+            setTimeout(() => { this.doFixBody(dialog._element); }, 300);
+        else
+            this.doFixBody(dialog._element);
+        let backdropHeight = dialog.backdrop.instance.element.nativeElement.clientHeight;
+        this.MainWindow.postMessage({ type: "modal-open", backdropHeight: backdropHeight }, "*");
+        dialog.onHidden.pipe(take$1(1)).subscribe(() => {
+            document.body.style.setProperty("overflow-y", "auto", "important");
+        });
+    }
+    doFixBody(modalElement) {
+        let body = modalElement.nativeElement.getElementsByClassName("modal-body")[0];
+        // Ci prova finch� non trova il body dato che potrebbe essere creato in qualsiasi momento
+        if (!body) {
+            setTimeout(() => this.doFixBody(modalElement), 250);
+            return;
+        }
+        body.style.setProperty("max-height", "600px", "important");
+        body.style.setProperty("overflow-x", "hidden");
+        body.style.setProperty("overflow-y", "auto");
+    }
+    onEmbeddedDialogHide(dialog) {
+        if (dialog._config.animated)
+            setTimeout(() => { this.doHide(); }, 300);
+        else
+            this.doHide();
+    }
+    doHide() {
+        this.MainWindow.postMessage({ type: "modal-close" }, "*");
+    }
+    onComponentCreation(CompletePath, InternalNavigation, NavigationTitle) {
+        // Per i componenti navigabili non embeddati è inutile mandare il messaggio di navigazione
+        // Così come per quelli per cui non esiste un titolo (cioè compoennti verso cui non si è navigato direttamente)
+        if (!this.Embedded || NavigationTitle)
+            return;
+        this.MainWindow.postMessage({ type: "navigation", url: CompletePath, internalNavigation: InternalNavigation, title: NavigationTitle }, "*");
+    }
+    handleBack() {
+        if (this.Embedded) {
+            this.MainWindow.postMessage({ type: "navigate-back" }, "*");
+            setTimeout(() => { this.location.back(); });
+        }
+        else
+            this.location.back();
+    }
+    handleNavigation(command, extras, EMBEDDED_ROUTE, ROUTE, basePath) {
+        let commands = command;
+        // Fix della path esattamente come in esRouterLink
+        commands = Array.isArray(commands) ? commands : [commands];
+        let route = commands[0];
+        if (!route.startsWith("/" + EMBEDDED_ROUTE) && !route.startsWith("/" + ROUTE))
+            commands[0] = basePath + commands[0];
+        this.router.navigate(command, extras);
+    }
+    // TODO: Automatizzare
+    LocalhostModuleMap = {
+        "crm": "31813",
+        "sii": "21645",
+        "pp": "1616",
+        "sales": "19112"
+    };
+    Reloading = false;
+    setupEmbedding(route, ParametersRetrieveFunction, QueryParametersRetrieveFunction, completePathRetrieveFunction, currentModuleRetrieveFunction, currentPageRetrieveFunction, onEmbeddingSuccesful) {
+        route.url.subscribe(_ => { this.performNewEmbeddingOperations(ParametersRetrieveFunction, QueryParametersRetrieveFunction, null, completePathRetrieveFunction, currentModuleRetrieveFunction, currentPageRetrieveFunction, onEmbeddingSuccesful); });
+        route.params.pipe(debounceTime(100)).subscribe((res) => { this.performNewEmbeddingOperations(ParametersRetrieveFunction, QueryParametersRetrieveFunction, res["module"], completePathRetrieveFunction, currentModuleRetrieveFunction, currentPageRetrieveFunction, onEmbeddingSuccesful); });
+    }
+    performNewEmbeddingOperations(ParametersRetrieveFunction, QueryParametersRetrieveFunction, module, completePathRetrieveFunction, currentModuleRetrieveFunction, currentPageRetrieveFunction, onEmbeddingSuccesful) {
+        let Module = currentModuleRetrieveFunction();
+        let Localhost;
+        let Page = currentPageRetrieveFunction();
+        let Pars;
+        let CompletePath = completePathRetrieveFunction();
+        if (!module && !Module) {
+            console.log(`Module parameter missing. Ignoring embed request`);
+            return;
+        }
+        if (this.Reloading) {
+            console.log(`Already reloading. Embedding ignored`);
+            return;
+        }
+        if (module)
+            Module = module;
+        Localhost = this.LocalhostModuleMap[Module];
+        this.Reloading = true;
+        console.log(`Recognized a new navigation to the embedding component: ${Module} - ${CompletePath}`);
+        let reloadAllowed = this.IsReloadAllowed();
+        if (Page && reloadAllowed) {
+            Page = Pars = null;
+            requestAnimationFrame(() => {
+                this.assignPageLoadParameters(ParametersRetrieveFunction, QueryParametersRetrieveFunction, Localhost, Page, CompletePath, Module, true, onEmbeddingSuccesful);
+                requestAnimationFrame(() => { this.Reloading = false; });
+            });
+        }
+        else {
+            this.assignPageLoadParameters(ParametersRetrieveFunction, QueryParametersRetrieveFunction, Localhost, Page, CompletePath, Module, reloadAllowed, onEmbeddingSuccesful);
+            requestAnimationFrame(() => { this.Reloading = false; });
+        }
+    }
+    assignPageLoadParameters(ParametersRetrieveFunction, QueryParametersRetrieveFunction, Localhost, _Page, CompletePath, Module, reloadAllowed, onEmbeddingSuccesful) {
+        let EmbeddingSuccesfull;
+        let Page = _Page;
+        let Pars;
+        let QueryPars;
+        // Esempio di Complete path: "/pages/embed/crm/leads/leads_search"
+        // Esempio di slices: ["", "pages", "embed", "crm", "leads", "leads_search"]
+        // Io devo sostanzialmente prendere dal nome del modulo ("crm") in poi. Nome del modulo embeddato eslcuso
+        console.log("Embedding...");
+        if (reloadAllowed)
+            EmbeddingSuccesfull = false;
+        // Per seccare e ricreare il componente che altrimenti non prenderebbe gli input nuovi
+        requestAnimationFrame(() => {
+            let Parameters = ParametersRetrieveFunction();
+            let QueryParameters = QueryParametersRetrieveFunction();
+            Page = CompletePath.split("/").slice(4).join("/");
+            console.log("Page: " + Page);
+            let navParKeys = Object.keys(Parameters)?.filter(p => p != "module");
+            Pars = (navParKeys?.length || 0) == 0 ? "" : ";" + navParKeys.map(t => `${t}=${Parameters[t]}`).join(";");
+            console.log("Pars: " + Pars);
+            let queryParKeys = Object.keys(QueryParameters);
+            QueryPars = (queryParKeys?.length || 0) == 0 ? "" : "?" + queryParKeys.map(t => `${t}=${QueryParameters[t]}`).join(";");
+            console.log("QueryPars: " + QueryPars);
+            let QueryPAramsWithoutIgnoreStorage = queryParKeys.map(t => t == "ignoreStorage" ? null : `${t}=${QueryParameters[t]}`).filter(t => !!t).join(";");
+            // Per rimuovere eventuali ignoreStorage se sto navigando a una ricerca
+            this.location.replaceState(CompletePath + Pars + (QueryPAramsWithoutIgnoreStorage ? '?' + QueryPAramsWithoutIgnoreStorage : ""));
+            EmbeddingSuccesfull = !!Page && !!Module && !!Localhost;
+            onEmbeddingSuccesful(EmbeddingSuccesfull, Page, Pars, QueryPars, Module, Localhost);
+        });
+    }
+    navigate(url) {
+        if (this.Embedded)
+            this.MainWindow.postMessage({ type: "navigate", url }, "*");
+        else
+            this.router.navigate([url]);
+    }
+    loadExternalPage(Username, Password, Tenant, EmbeddingSource, _state, currentIdentity, aac) {
+        var Localhost;
+        if (!this.Embedded) {
+            console.log("Pagina ext richiamata in ambiente non embeddato. Sono in una nuova scheda!!");
+            console.log("L'embedder originale doveva essere: " + EmbeddingSource);
+            console.log("Dato che sono in una nuova scheda devo in realtà navigare a lui, con link su emb/ecc in modo da aprire una scheda embeddata su questa pagina. Se funziona già fino a qui sono a cavallo");
+            Localhost = this.LocalhostModuleMap[EmbeddingSource];
+            if (_state.Modules?.length > 0)
+                this.afterModulesRetrieve(_state.Modules, EmbeddingSource, Localhost);
+            else {
+                _state.subscribe("modules.Retrieved", (modules) => {
+                    this.afterModulesRetrieve(modules, EmbeddingSource, Localhost);
+                });
+            }
+            return;
+        }
+        console.log("Caricamento pagina nell'IFRAME completato!");
+        if (Tenant || Username || Password)
+            console.log("[" + Tenant + "]" + Username + " - " + Password);
+        // Le info di login che ho passato sono le stesse delle info di login salvate nel token --> È un redirect da un sito esterno ma il token c'è già. Esco
+        // Ho un token di login e non ho nessuna info sull'utente da usare --> È un redirect da Jace, quindi sono a posto. Esco
+        if ((!(Tenant + Username + Password) || currentIdentity.Idtenant == Tenant && currentIdentity.DsUser == Username)) {
+            aac.initializeIdentity(currentIdentity);
+            return;
+        }
+        // Altrimenti devo effettuare il login
+        // Non è utilizzata, porcoddinci
+        // let LoginDTO = { tenant: "FX", username: Username, password: Password, client_id: "jacedev" };
+        // this.http.post(`${myconfig.AuthUrl}/api/login/dologin`, LoginDTO).subscribe(t => {
+        // });
+    }
+    afterModulesRetrieve(modules, EmbeddingSource, Localhost) {
+        // Sto navigando a {sito}/#/pages_ext/{origine}/etc...
+        // Devo ridirezionare a {sorgente}/#/pages/embed/{thisModule}/etc...
+        let module = modules.find(t => t.altname == EmbeddingSource);
+        if (!module) {
+            console.error(`Impossibile trovare il modulo con altname uguale a ${this.EmbeddingSource}`);
+        }
+        let afterPagesExt = this.router.url.split("pages_ext")[1].substring(1).split("/").slice(1).join("/");
+        let sourceModuleUrl = myconfig.AuthUrl.includes("localhost") ? `http://localhost:${Localhost}` : module.uiurl;
+        let finalUrl = `${sourceModuleUrl}/#/pages/embed/${myconfig.AppData.ModuleId}/${afterPagesExt}`;
+        console.log("@esfaenza/core: navigating to " + finalUrl);
+        location.replace(finalUrl);
+    }
+    getPageRoute() {
+        return this.Embedded ? "pages_ext/" : "pages/";
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AppEmbeddingExtensions, deps: [{ token: MessageService }, { token: i2.Router }, { token: i3.Location }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AppEmbeddingExtensions, providedIn: "root" });
 }