add translation for pw reset header

oengusio · Apr 3, 2024 · 8f61116 · 8f61116
1 parent 8b70b9b
commit 8f61116
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 7 deletions.
diff --git a/src/app/_layout/header-bar/header-bar-verify-email/header-bar-verify-email.component.html b/src/app/_layout/header-bar/header-bar-verify-email/header-bar-verify-email.component.html
@@ -4,7 +4,12 @@
   </div>
 
   <div class="buttons">
-    <button type="button" class="button is-info" [disabled]="!canPressButton" (click)="requestNewEmail()">
+    <button type="button"
+            class="button is-info"
+            [ngClass]="{'is-loading': loading}"
+            [disabled]="!canPressButton"
+            (click)="requestNewEmail()"
+    >
       {{ 'navbar.email-verification.request-btn' | translate }}
     </button>
   </div>

diff --git a/src/app/_layout/header-bar/header-bar-verify-email/header-bar-verify-email.component.ts b/src/app/_layout/header-bar/header-bar-verify-email/header-bar-verify-email.component.ts
@@ -10,6 +10,7 @@ import { AuthService } from '../../../../services/auth.service';
 export class HeaderBarVerifyEmailComponent {
 
   canPressButton = true;
+  loading = false;
 
   constructor(
     private authService: AuthService,
@@ -18,15 +19,18 @@ export class HeaderBarVerifyEmailComponent {
 
   requestNewEmail() {
     this.canPressButton = false;
+    this.loading = true;
     this.authService.requestNewVerificationEmail().subscribe({
       next({ status }) {
         console.log(status);
         alert('Email sent!');
+        this.loading = false;
       },
 
       error(err: any) {
         console.log(err);
         alert('Something went wrong! Please try again later.  ');
+        this.loading = false;
       }
     });
   }

diff --git a/src/app/auth/login/login.component.ts b/src/app/auth/login/login.component.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { faEye, faEyeSlash, faLock, faUser } from '@fortawesome/free-solid-svg-icons';
+import { faUser } from '@fortawesome/free-solid-svg-icons';
 import { faDiscord, faTwitch } from '@fortawesome/free-brands-svg-icons';
 import { UserService } from '../../../services/user.service';
 import { LoginDetails, LoginResponse, LoginResponseStatus } from '../../../model/auth';
@@ -25,9 +25,6 @@ export class LoginComponent {
   mfaNeeded: boolean = !!localStorage.getItem('alwaysShowMfa');
 
   iconUser = faUser;
-  iconPadlock = faLock;
-  iconEye = faEye;
-  iconEyeSlash = faEyeSlash;
   iconDiscord = faDiscord;
   iconTwitch = faTwitch;
 

diff --git a/src/app/auth/password-reset/password-reset.component.html b/src/app/auth/password-reset/password-reset.component.html
@@ -1,5 +1,5 @@
 <section class="section container">
-  <h1 class="title">Reset your password!</h1>
+  <h1 class="title">{{'auth.passwordReset.submit' | translate}}</h1>
 
   <div class="notification" [class]="notificationClass" *ngIf="errorTranslationKey">
     <button class="delete" (click)="errorTranslationKey = null"></button>

diff --git a/src/assets/i18n b/src/assets/i18n