fix: View zoom in manually mode #831

Author: unocelli

.github/workflows/docker_image.yml

@@ -1,4 +1,4 @@
-name: Build and Publish DockerHub image
+name: Build and Publish DockerHub image latest
 
 env:
   app: fuxa

client/src/app/home/home.component.ts

@@ -206,6 +206,7 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
                 this.changeDetector.detectChanges();
                 this.setBackground();
                 if (this.homeView.type !== this.cardViewType) {
+                    this.checkZoom();
                     this.fuxaview.hmi.layout = this.hmi.layout;
                     this.fuxaview.loadHmi(this.homeView);
                 } else if (this.cardsview) {
@@ -403,18 +404,7 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
                     this.changeDetector.detectChanges();
                     this.loadHeaderItems();
                 }
-                if (this.hmi.layout.zoom && ZoomModeType[this.hmi.layout.zoom] === ZoomModeType.enabled) {
-                    setTimeout(() => {
-                        let element: HTMLElement = document.querySelector('#home');
-                        if (element && panzoom) {
-                            panzoom(element, {
-                                bounds: true,
-                                boundsPadding: 0.05,
-                            });
-                        }
-                        this.container.nativeElement.style.overflow = 'hidden';
-                    }, 1000);
-                }
+                this.checkZoom();
             }
         }
         if (this.homeView && this.fuxaview) {
@@ -428,6 +418,21 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
         }
     }
 
+    private checkZoom() {
+        if (this.hmi.layout?.zoom && ZoomModeType[this.hmi.layout.zoom] === ZoomModeType.enabled) {
+            setTimeout(() => {
+                let element: HTMLElement = document.querySelector('#home');
+                if (element && panzoom) {
+                    panzoom(element, {
+                        bounds: true,
+                        boundsPadding: 0.05,
+                    });
+                }
+                this.container.nativeElement.style.overflow = 'hidden';
+            }, 1000);
+        }
+    }
+
     private loadHeaderItems() {
         this.headerItemsMap.clear();
         if (!this.showNavigation) {