@smarterplan/ngx-smarterplan-locations 0.2.5 → 0.2.7

package/fesm2020/smarterplan-ngx-smarterplan-locations.mjs

@@ -2936,7 +2936,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
         }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.SpaceService }, { type: i2.VisitService }, { type: i2.NodeService }]; } });
 
 class EditPlanComponent {
-    constructor(planService, route, router, modalService, zoneService, visitService, spaceService, translate) {
+    constructor(planService, route, router, modalService, zoneService, visitService, spaceService, translate, ngZone) {
         this.planService = planService;
         this.route = route;
         this.router = router;
@@ -2945,6 +2945,7 @@ class EditPlanComponent {
         this.visitService = visitService;
         this.spaceService = spaceService;
         this.translate = translate;
+        this.ngZone = ngZone;
         this.loading = false;
         this.isNewZone = false;
         /**
@@ -3038,9 +3039,7 @@ class EditPlanComponent {
                     this.images360 = await this.visitService.loadImagesForSpace(currentSpace);
                     this.editedPlan = { ...this.chosenPlan };
                     this.editedPlan.filepath = base64;
-                    console.log(event.data);
                     this.newZoneData = event.data.zoneData;
-                    console.log("newZoneData", this.newZoneData);
                     if (this.newZoneData.elements.length === 0) {
                         modalReference.close();
                         alert(this.translate.instant("edition.no-zone"));
@@ -3073,8 +3072,6 @@ class EditPlanComponent {
             this.svgEditorIframe = svgEditor;
             this.svgEditor = new svgEditor.contentWindow.SvgEditor();
             await this.svgEditor.init();
-            // await this.svgEditor.pref(key, val);
-            // await this.svgEditor.setConfig({ extentions: this.extensions });
             await this.svgEditor.setConfig(this.config, {
                 allowInitialUserOverride: true,
             });
@@ -3089,10 +3086,11 @@ class EditPlanComponent {
                     this.svgEditorIframe.contentWindow.postMessage({ action: "disable-zone" }, "*");
                 }, 1000);
             }
+            this.svgEditor.svgCanvas.setMode('ext-panning');
+            this.svgEditor.bottomPanel.changeZoom(50);
         }
     }
     async onSave(redirect) {
-        console.log("in onSave");
         const imgBlob = await new Blob([this.svgEditor.svgCanvas.getSvgString()], {
             type: "image/svg+xml",
         });
@@ -3103,14 +3101,14 @@ class EditPlanComponent {
         });
         this.planService.setPlanFileCache(imgFile);
         if (this.chosenPlan.isModified) {
-            this.modalService.open(this.dialog);
+            this.ngZone.run(() => this.modalService.open(this.dialog));
         }
         else {
-            this.router.navigate([
+            this.ngZone.run(() => this.router.navigate([
                 "/dashboard/localisation",
                 this.spaceID,
                 "plans",
-            ]);
+            ]));
         }
     }
     async updateSvg() {
@@ -3120,25 +3118,25 @@ class EditPlanComponent {
             annexe: newUrl,
         });
         this.planService.setPlanFileCache(null);
-        this.router.navigate([
+        this.ngZone.run(() => this.router.navigate([
             "/dashboard/localisation",
             this.spaceID,
             "plans",
-        ]);
+        ]));
     }
     async newSvg() {
-        this.router.navigate([
+        this.ngZone.run(() => this.router.navigate([
             "/dashboard/localisation",
             this.spaceID,
             "plans",
-        ]);
+        ]));
     }
     async onCancel() {
-        this.router.navigate([
+        this.ngZone.run(() => this.router.navigate([
             "/dashboard/localisation",
             this.spaceID,
             "plans",
-        ]);
+        ]));
         alert(this.translate.instant("edition.cancel"));
     }
     async loadSvg() {
@@ -3184,6 +3182,8 @@ class EditPlanComponent {
                 },
             });
             this.svgEditor.svgCanvas.setHref(newImage, canvas.toDataURL("image/png"));
+            this.svgEditor.svgCanvas.renameCurrentLayer(this.translate.instant("edition.plan-base"));
+            this.svgEditor.svgCanvas.createLayer(this.translate.instant("edition.personalization"));
         });
     }
     async onLoadImg(img) {
@@ -3211,6 +3211,8 @@ class EditPlanComponent {
                     },
                 });
                 this.svgEditor.svgCanvas.setHref(newImage, reader.result);
+                this.svgEditor.svgCanvas.renameCurrentLayer(this.translate.instant("edition.plan-base"));
+                this.svgEditor.svgCanvas.createLayer(this.translate.instant("edition.personalization"));
             };
             reader.readAsDataURL(imgBlob);
         }
@@ -3225,12 +3227,12 @@ class EditPlanComponent {
         }
     }
 }
-EditPlanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: EditPlanComponent, deps: [{ token: i2.PlanService }, { token: i1.ActivatedRoute }, { token: i1.Router }, { token: i7.NgbModal }, { token: i2.ZoneService }, { token: i2.VisitService }, { token: i2.SpaceService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+EditPlanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: EditPlanComponent, deps: [{ token: i2.PlanService }, { token: i1.ActivatedRoute }, { token: i1.Router }, { token: i7.NgbModal }, { token: i2.ZoneService }, { token: i2.VisitService }, { token: i2.SpaceService }, { token: i3.TranslateService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 EditPlanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: EditPlanComponent, selector: "lib-edit-plan", host: { listeners: { "window:message": "switchAction($event)" } }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }, { propertyName: "dialogZone", first: true, predicate: ["dialogZone"], descendants: true }, { propertyName: "loadingModal", first: true, predicate: ["preparing"], descendants: true }], ngImport: i0, template: "<div class=\"row mt-3\">\r\n    <div class=\"col\">\r\n        <div class=\"m-3\">\r\n            <lib-tab-navigation [menuItems]='menuItems'></lib-tab-navigation>\r\n        </div>\r\n    </div>\r\n</div>\r\n<lib-add-zone *ngIf=\"isNewZone\" [images360]=\"images360\" [spaceID]=\"spaceID\" [navigationIDs]=\"navigations\"\r\n    [zoneEdit]=\"editedZone\" [zones]=\"zones\" (updatedZone)=\"onNewZone($event)\" [chosenPlan]=\"editedPlan\"\r\n    [newZoneDataFromEditor]=\"newZoneData\"></lib-add-zone>\r\n<iframe *ngIf=\"editorUrl\" #svgEditor [src]=\"editorUrl | safeUrl\" frameborder=\"0\"\r\n    style=\"height:100%;width:100%;min-height:550px;max-height:750px\" (load)=\"onLoad(svgEditor)\"></iframe>\r\n<!-- chosenPlan && -->\r\n<!-- ./../../../../../../assets/svgeditor/index.html -->\r\n\r\n<img #imgPng *ngIf=\"chosenPlan && chosenPlan.extension !== 'svg' && svgEditor\" [src]=\"chosenPlan.filepath\"\r\n    (load)=\"onLoadImg(imgPng)\" style=\"display: none;\">\r\n\r\n<canvas id=\"canvas4pdf\" style=\"display: none;\"></canvas>\r\n\r\n<ng-template #dialog let-modal>\r\n\r\n    <div class=\"modal-header\">\r\n        <h4 class=\"modal-title\">{{'Submit' | translate}}</h4>\r\n        <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modal.dismiss('Cross click')\">\r\n            <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        {{'save plan edited' | translate}}\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-outline-dark\" (click)=\"newSvg();modal.close('Close click')\">{{'Yes' |\r\n            translate}}</button>\r\n        <button type=\"button\" class=\"btn btn-outline-dark\" (click)=\"updateSvg();modal.close('Close click')\">{{'No' |\r\n            translate}}</button>\r\n    </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #dialogZone let-modal>\r\n\r\n    <div class=\"modal-header\">\r\n        <h4 class=\"modal-title\">{{'Submit' | translate}}</h4>\r\n        <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modal.dismiss('Cross click')\">\r\n            <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        {{'confirm.new-zone-from-plan' | translate}}\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-outline-dark\"\r\n            (click)=\"isNewZone = true;modal.close('Close click')\">{{'Validate' |\r\n            translate}}</button>\r\n        <button type=\"button\" class=\"btn btn-outline-dark\" (click)=\"modal.close('Close click')\">{{'Cancel' |\r\n            translate}}</button>\r\n    </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #preparing let-modal>\r\n    <div class=\"modal-header\">\r\n        <h4 class=\"modal-title\">{{'Processing' | translate}}</h4>\r\n        <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modal.dismiss('Cross click')\">\r\n            <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        <div class=\"d-flex justify-content-center\">\r\n            <div class=\"spinner-border\" role=\"status\">\r\n                <span class=\"visually-hidden\">Loading...</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</ng-template>", styles: ["app-add-zone{position:absolute;top:0;left:0;background-color:#fff;width:100%;height:100%;padding:30px}\n"], components: [{ type: TabNavigationComponent, selector: "lib-tab-navigation", inputs: ["menuItems"], outputs: ["onGoBack"] }, { type: AddZoneComponent, selector: "lib-add-zone", inputs: ["zoneEdit", "spaceID", "images360", "navigationIDs", "zones", "newZoneDataFromEditor", "chosenPlan", "isMuseumVisit", "defaultZone"], outputs: ["updatedZone"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "safeUrl": i2.SafeUrlPipe, "translate": i3.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: EditPlanComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-edit-plan', template: "<div class=\"row mt-3\">\r\n    <div class=\"col\">\r\n        <div class=\"m-3\">\r\n            <lib-tab-navigation [menuItems]='menuItems'></lib-tab-navigation>\r\n        </div>\r\n    </div>\r\n</div>\r\n<lib-add-zone *ngIf=\"isNewZone\" [images360]=\"images360\" [spaceID]=\"spaceID\" [navigationIDs]=\"navigations\"\r\n    [zoneEdit]=\"editedZone\" [zones]=\"zones\" (updatedZone)=\"onNewZone($event)\" [chosenPlan]=\"editedPlan\"\r\n    [newZoneDataFromEditor]=\"newZoneData\"></lib-add-zone>\r\n<iframe *ngIf=\"editorUrl\" #svgEditor [src]=\"editorUrl | safeUrl\" frameborder=\"0\"\r\n    style=\"height:100%;width:100%;min-height:550px;max-height:750px\" (load)=\"onLoad(svgEditor)\"></iframe>\r\n<!-- chosenPlan && -->\r\n<!-- ./../../../../../../assets/svgeditor/index.html -->\r\n\r\n<img #imgPng *ngIf=\"chosenPlan && chosenPlan.extension !== 'svg' && svgEditor\" [src]=\"chosenPlan.filepath\"\r\n    (load)=\"onLoadImg(imgPng)\" style=\"display: none;\">\r\n\r\n<canvas id=\"canvas4pdf\" style=\"display: none;\"></canvas>\r\n\r\n<ng-template #dialog let-modal>\r\n\r\n    <div class=\"modal-header\">\r\n        <h4 class=\"modal-title\">{{'Submit' | translate}}</h4>\r\n        <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modal.dismiss('Cross click')\">\r\n            <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        {{'save plan edited' | translate}}\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-outline-dark\" (click)=\"newSvg();modal.close('Close click')\">{{'Yes' |\r\n            translate}}</button>\r\n        <button type=\"button\" class=\"btn btn-outline-dark\" (click)=\"updateSvg();modal.close('Close click')\">{{'No' |\r\n            translate}}</button>\r\n    </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #dialogZone let-modal>\r\n\r\n    <div class=\"modal-header\">\r\n        <h4 class=\"modal-title\">{{'Submit' | translate}}</h4>\r\n        <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modal.dismiss('Cross click')\">\r\n            <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        {{'confirm.new-zone-from-plan' | translate}}\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"btn btn-outline-dark\"\r\n            (click)=\"isNewZone = true;modal.close('Close click')\">{{'Validate' |\r\n            translate}}</button>\r\n        <button type=\"button\" class=\"btn btn-outline-dark\" (click)=\"modal.close('Close click')\">{{'Cancel' |\r\n            translate}}</button>\r\n    </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #preparing let-modal>\r\n    <div class=\"modal-header\">\r\n        <h4 class=\"modal-title\">{{'Processing' | translate}}</h4>\r\n        <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modal.dismiss('Cross click')\">\r\n            <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n        <div class=\"d-flex justify-content-center\">\r\n            <div class=\"spinner-border\" role=\"status\">\r\n                <span class=\"visually-hidden\">Loading...</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</ng-template>", styles: ["app-add-zone{position:absolute;top:0;left:0;background-color:#fff;width:100%;height:100%;padding:30px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.PlanService }, { type: i1.ActivatedRoute }, { type: i1.Router }, { type: i7.NgbModal }, { type: i2.ZoneService }, { type: i2.VisitService }, { type: i2.SpaceService }, { type: i3.TranslateService }]; }, propDecorators: { dialog: [{
+        }], ctorParameters: function () { return [{ type: i2.PlanService }, { type: i1.ActivatedRoute }, { type: i1.Router }, { type: i7.NgbModal }, { type: i2.ZoneService }, { type: i2.VisitService }, { type: i2.SpaceService }, { type: i3.TranslateService }, { type: i0.NgZone }]; }, propDecorators: { dialog: [{
                 type: ViewChild,
                 args: ["dialog"]
             }], dialogZone: [{