fix: display login modal after authentication token has expired (#1280,

#1311) Closes: #1280
intershop · Nov 1, 2022 · 025818c · 025818c
1 parent 1cae0d8
commit 025818c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/app/core/guards/login.guard.ts b/src/app/core/guards/login.guard.ts
@@ -38,6 +38,7 @@ export class LoginGuard implements CanActivate {
 
     const loginModalComponent = this.currentDialog.componentInstance as LoginModalComponent;
     loginModalComponent.loginMessageKey = route.queryParamMap.get('messageKey');
+    loginModalComponent.detectChanges();
 
     // dialog closed
     loginModalComponent.closeModal.pipe(first()).subscribe(() => {

diff --git a/src/app/shared/components/login/login-modal/login-modal.component.html b/src/app/shared/components/login/login-modal/login-modal.component.html
@@ -7,6 +7,7 @@ <h2 class="modal-title">{{ 'account.login.signin.heading' | translate }}</h2>
       [title]="'dialog.close.text' | translate"
       [attr.aria-label]="'dialog.close.text' | translate"
       (click)="hide()"
+      ngbAutofocus
     >
       <span aria-hidden="true">&times;</span>
     </button>

diff --git a/src/app/shared/components/login/login-modal/login-modal.component.ts b/src/app/shared/components/login/login-modal/login-modal.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';
 
 @Component({
   selector: 'ish-login-modal',
@@ -9,6 +9,12 @@ export class LoginModalComponent {
   @Input() loginMessageKey: string;
   @Output() closeModal = new EventEmitter<void>();
 
+  constructor(private cdRef: ChangeDetectorRef) {}
+
+  detectChanges() {
+    this.cdRef.detectChanges();
+  }
+
   hide() {
     this.closeModal.emit();
   }