Merge pull request #1941 from bcgov/bugfix/ALCS-2327-switch-to-mobile-on-resize

ALCS-2327 Added Host Listener detect mobile

Author: fbarreta

portal-frontend/src/app/features/notice-of-intents/edit-submission/additional-information/additional-information.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, HostListener, OnDestroy, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { MatButtonToggleChange } from '@angular/material/button-toggle';
 import { MatDialog } from '@angular/material/dialog';
@@ -501,4 +501,9 @@ export class AdditionalInformationComponent extends FilesStepComponent implement
   private setRequired(formControl: FormControl<any>) {
     formControl.setValidators([Validators.required]);
   }
+
+  @HostListener('window:resize', ['$event'])
+  onWindowResize() {
+    this.isMobile = window.innerWidth <= MOBILE_BREAKPOINT;
+  }
 }

portal-frontend/src/app/features/notice-of-intents/notice-of-intent-details/additional-information/additional-information.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, HostListener, Input } from '@angular/core';
 import { Router } from '@angular/router';
 import { NoticeOfIntentDocumentDto } from '../../../../services/notice-of-intent-document/notice-of-intent-document.dto';
 import { NoticeOfIntentDocumentService } from '../../../../services/notice-of-intent-document/notice-of-intent-document.service';
@@ -118,4 +118,9 @@ export class AdditionalInformationComponent {
 
     return NOI_STRUCTURE_TYPE_LABEL_MAP[value];
   }
+
+  @HostListener('window:resize', ['$event'])
+  onWindowResize() {
+    this.isMobile = window.innerWidth <= MOBILE_BREAKPOINT;
+  }
 }

portal-frontend/src/app/features/public/notice-of-intent/submission/additional-information/additional-information.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, HostListener, Input, OnInit } from '@angular/core';
 import { PublicNoticeOfIntentSubmissionDto } from '../../../../../services/public/public-notice-of-intent.dto';
 import { PublicDocumentDto } from '../../../../../services/public/public.dto';
 import { PublicService } from '../../../../../services/public/public.service';
@@ -99,4 +99,9 @@ export class AdditionalInformationComponent implements OnInit {
 
     return NOI_STRUCTURE_TYPE_LABEL_MAP[value];
   }
+
+  @HostListener('window:resize', ['$event'])
+  onWindowResize() {
+    this.isMobile = window.innerWidth <= MOBILE_BREAKPOINT;
+  }
 }