fix: undefined footer element

* fixed accesing of undefined footer on login pages

Author: bodnara

apps/admin-gui/src/app/app.component.ts

@@ -29,7 +29,7 @@ declare let require: any;
 export class AppComponent implements OnInit, AfterViewInit {
   static minWidth = 992;
 
-  @ViewChild('footer') footer: ElementRef;
+  @ViewChild('footer') footer: ElementRef<HTMLDivElement>;
 
   sidebarMode: 'over' | 'push' | 'side' = 'side';
   lastScreenWidth: number;
@@ -129,13 +129,10 @@ export class AppComponent implements OnInit, AfterViewInit {
   }
 
   ngAfterViewInit(): void {
+    const footerHeight: string = this.footer?.nativeElement?.offsetHeight?.toString() ?? '0';
     this.contentInnerMinHeight = this.displayWarning
-      ? 'calc(100vh - ' +
-        (this.footer.nativeElement as HTMLElement).offsetHeight.toString() +
-        'px - 112px)'
-      : 'calc(100vh - ' +
-        (this.footer.nativeElement as HTMLElement).offsetHeight.toString() +
-        'px - 64px)';
+      ? 'calc(100vh - ' + footerHeight + 'px - 112px)'
+      : 'calc(100vh - ' + footerHeight + 'px - 64px)';
     this.cd.detectChanges();
   }
 

apps/password-reset/src/app/app.component.ts

@@ -80,8 +80,8 @@ export class AppComponent implements OnInit, AfterViewInit {
   }
 
   ngAfterViewInit(): void {
-    this.contentHeight =
-      'calc(100vh - 84px - ' + String(this.footer.nativeElement.offsetHeight) + 'px)';
+    const footerHeight: string = this.footer?.nativeElement?.offsetHeight?.toString() ?? '0';
+    this.contentHeight = 'calc(100vh - 84px - ' + footerHeight + 'px)';
     this.changeDetector.detectChanges();
   }
 }

apps/publications/src/app/app.component.ts

@@ -63,8 +63,8 @@ export class AppComponent implements OnInit, AfterViewInit {
   }
 
   ngAfterViewInit(): void {
-    this.contentHeight =
-      'calc(100vh - 84px - ' + String(this.footer.nativeElement.offsetHeight) + 'px)';
+    const footerHeight: string = this.footer?.nativeElement?.offsetHeight?.toString() ?? '0';
+    this.contentHeight = 'calc(100vh - 84px - ' + footerHeight + 'px)';
     this.changeDetector.detectChanges();
   }
 }

apps/user-profile/src/app/app.component.ts

@@ -91,8 +91,8 @@ export class AppComponent implements OnInit, AfterViewInit {
   }
 
   ngAfterViewInit(): void {
-    this.contentHeight =
-      'calc(100vh - 84px - ' + String(this.footer.nativeElement.offsetHeight) + 'px)';
+    const footerHeight: string = this.footer?.nativeElement?.offsetHeight?.toString() ?? '0';
+    this.contentHeight = 'calc(100vh - 84px - ' + footerHeight + 'px)';
     this.changeDetector.detectChanges();
   }
 }