fix(generic-filter): add max-height and overflow for filter value field container

Author: mjabascal10

frontend/src/app/core/auth/auth-jwt.service.ts

@@ -45,6 +45,10 @@ export class AuthServerProvider {
       {observe: 'response'}).pipe(map(authenticateSuccess.bind(this)));
   }
 
+  renewCode(): Observable<any> {
+    return this.http.get(SERVER_API_URL + 'api/tfa/generate-challenge');
+  }
+
   verifyCode(code): Observable<any> {
     const authenticateSuccess = (resp) => {
       this.storeAuthenticationToken(resp.body.id_token);

frontend/src/app/shared/components/auth/totp/totp.component.html

@@ -48,8 +48,8 @@ <h4 class="fw-semibold mb-2 text-dark">Two-Factor Authentication</h4>
             </div>
           </div>
 
-          <!-- Countdown Timer -->
-          <div class="text-center mb-4">
+          <!--&lt;!&ndash; Countdown Timer &ndash;&gt;
+          <div [hidden]="true" class="text-center mb-4">
             <div class="text-center mb-4">
               <div class="timer-display d-inline-block px-4 py-2 rounded"
                    style="background-color: #f8f9fa; border: 1px solid #e9ecef; font-family: 'Courier New', monospace;">
@@ -61,7 +61,7 @@ <h4 class="fw-semibold mb-2 text-dark">Two-Factor Authentication</h4>
                 </app-countdown>
               </div>
             </div>
-          </div>
+          </div>-->
 
           <!-- Verification Form -->
           <form (ngSubmit)="onSubmit()" #verifyForm="ngForm" novalidate>

frontend/src/app/shared/components/auth/totp/totp.component.ts

@@ -1,35 +1,33 @@
-import {Component, OnInit} from '@angular/core';
+import {Component, OnDestroy, OnInit} from '@angular/core';
 import {DomSanitizer} from '@angular/platform-browser';
 import {Router} from '@angular/router';
 import {NgxSpinnerService} from 'ngx-spinner';
-import {Observable} from 'rxjs';
+import {interval, Observable, Subscription} from 'rxjs';
+import {AccountService} from '../../../../core/auth/account.service';
 import {AuthServerProvider} from '../../../../core/auth/auth-jwt.service';
+import {StateStorageService} from '../../../../core/auth/state-storage.service';
+import {UtmToastService} from '../../../alert/utm-toast.service';
 import {ThemeChangeBehavior} from '../../../behaviors/theme-change.behavior';
+import {ADMIN_DEFAULT_EMAIL, ADMIN_ROLE} from '../../../constants/global.constant';
 import {TfaMethod} from '../../../services/tfa/tfa.service';
-import {extractQueryParamsForNavigation} from "../../../util/query-params-to-filter.util";
-import {ADMIN_DEFAULT_EMAIL, ADMIN_ROLE} from "../../../constants/global.constant";
-import {StateStorageService} from "../../../../core/auth/state-storage.service";
-import {AccountService} from "../../../../core/auth/account.service";
-import {UtmToastService} from "../../../alert/utm-toast.service";
+import {extractQueryParamsForNavigation} from '../../../util/query-params-to-filter.util';
 
 
 @Component({
   selector: 'app-totp',
   templateUrl: './totp.component.html',
   styleUrls: ['./totp.component.scss']
 })
-export class TotpComponent implements OnInit {
+export class TotpComponent implements OnInit, OnDestroy {
   form: any = {};
-  isLoggedIn = false;
-  isLoginFailed = false;
   errorMessage = '';
-  currentUser: any;
   isVerifying = false;
   loginImage$: Observable<string>;
   TfaMethod = TfaMethod;
   method: TfaMethod;
   isVerified = false;
   verificationCode = '';
+  private expireSub: Subscription;
 
   constructor(private authService: AuthServerProvider,
               private router: Router,
@@ -44,6 +42,8 @@ export class TotpComponent implements OnInit {
   ngOnInit(): void {
     this.method = this.authService.tfaMethod;
     this.loginImage$ = this.themeChangeBehavior.$themeIcon.asObservable();
+
+    this.expireSub = interval(30 * 1000).subscribe(() => this.onExpire());
   }
 
 
@@ -66,7 +66,8 @@ export class TotpComponent implements OnInit {
   }
 
   onExpire() {
-
+    console.log('expired');
+    this.authService.renewCode().subscribe();
   }
 
   clearError() {
@@ -94,4 +95,8 @@ export class TotpComponent implements OnInit {
       }
     });
   }
+
+  ngOnDestroy() {
+    this.expireSub.unsubscribe();
+  }
 }