Nhập email để nhận mã OTP
-Nhập OTP và mật khẩu mới
+ @if (step === 1) { +Nhập email để nhận mã OTP
+ } + @if (step === 2) { +Nhập OTP và mật khẩu mới
+ } - + @if (step === 1) { + + } - - + + @if (step === 2) { + + } - -{{ errorMsg }}
-{{ successMsg }}
- - + + @if (errorMsg) { +{{ errorMsg }}
+ } + @if (successMsg) { +{{ successMsg }}
+ } + + diff --git a/src/app/features/auth/components/modal/forgot-password-modal/forgot-password-modal.component.ts b/src/app/features/auth/components/modal/forgot-password-modal/forgot-password-modal.component.ts index 0f8a949d..0098dcd4 100644 --- a/src/app/features/auth/components/modal/forgot-password-modal/forgot-password-modal.component.ts +++ b/src/app/features/auth/components/modal/forgot-password-modal/forgot-password-modal.component.ts @@ -1,5 +1,5 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; -import { CommonModule } from '@angular/common'; + import { FormsModule } from '@angular/forms'; import { AuthService } from '../../../../../core/services/api-service/auth.service'; import { sendNotification } from '../../../../../shared/utils/notification'; @@ -8,7 +8,7 @@ import { Store } from '@ngrx/store'; @Component({ selector: 'app-forgot-password-modal', standalone: true, - imports: [CommonModule, FormsModule], + imports: [FormsModule], templateUrl: './forgot-password-modal.component.html', styleUrls: ['./forgot-password-modal.component.scss'], }) diff --git a/src/app/features/auth/components/modal/otp-modal/otp-modal.component.html b/src/app/features/auth/components/modal/otp-modal/otp-modal.component.html index e0ada2fa..d2dfe1d5 100644 --- a/src/app/features/auth/components/modal/otp-modal/otp-modal.component.html +++ b/src/app/features/auth/components/modal/otp-modal/otp-modal.component.html @@ -2,14 +2,14 @@ class="otp-modal-backdrop" [class.open]="show" (click)="onBackdropClick($event)" -> + >{{ slides[currentSlide].desc }}
-
- Chào mừng trở lại
-Công nghệ dẫn lối-Tri thức khai mở
+ /> +{{ slides[currentSlide].desc }}
+{{ slides[currentSlide].desc }}
-{{ slides[currentSlide].desc }}
+{{ error }}
- -Chưa có đoạn chat nào.
-{{ error }}
+ +Chưa có đoạn chat nào.
+- {{convo.type === "GROUP" ? `(Nhóm - ${convo.myRole.toLocaleLowerCase()})` : ``}} -
- - {{ - convo.modifiedDate | date : "mediumDate" - }} -+ {{convo.type === "GROUP" ? `(Nhóm - ${convo.myRole.toLocaleLowerCase()})` : ``}} +
+ + {{ + convo.modifiedDate | date : "mediumDate" + }} +
-Input: {{ example.input }}
- Output: {{ example.output }}
+ @for (example of examples; track example) {
+
+ Input: {{ example.input }}
+ Output: {{ example.output }}
+ {{ output }}
{{ output }}