เพิ่มยืนยันรหัสผ่าน

src/app/DPU/common/user-management/user-setting/user-setting.component.html

@@ -301,7 +301,7 @@
             </div>
           </div>
 
-          <div class="xl:col-span-6 col-span-12">
+          <div class="xl:col-span-12 col-span-12">
             <label for="deal-title" class="form-label">{{ 'Email' | translate }}</label>
             <input type="text" class="form-control" id="deal-title" placeholder="" [(ngModel)]="selectModel.email"
               [disabled]="action === 'edit'" (ngModelChange)="onEmailChange($event)" />
@@ -324,12 +324,23 @@
 
           <div class="xl:col-span-6 col-span-12" *ngIf="action !== 'edit'">
             <label for="password" class="form-label">{{'Password' | translate}}</label>
-            <input type="text" class="form-control" id="password" placeholder="" [(ngModel)]="password">
+            <input type="password" class="form-control" id="password" placeholder="" [(ngModel)]="password">
             <div class="text-danger" *ngIf="!password">
               {{ 'Please fill in information' | translate }}
             </div>
           </div>
 
+          <div class="xl:col-span-6 col-span-12">
+            <label for="deal-title" class="form-label">{{'Confirm Password' | translate}}</label>
+            <input type="password" class="form-control" id="deal-title" placeholder="" [(ngModel)]="confirmPassword">
+            <div class="text-danger" *ngIf="!confirmPassword">
+              {{'Please fill in information' | translate}}
+            </div>
+            <div class="text-danger" *ngIf="confirmPassword && (confirmPassword != password)">
+              {{'Password Not Match' | translate}}
+            </div>
+          </div> 
+
 
           <!-- <div class="xl:col-span-12 col-span-12">
             <label class="form-label">{{'User Role' | translate}}</label>
@@ -362,14 +373,14 @@
     !selectModel.engFirstname ||
     !selectModel.engLastname ||
     (!selectModel.email || isEmailDuplicate || !selectModel.email.includes('@') || !selectModel.email.includes('.')) ||
-    !password
+    !password || !confirmPassword || (confirmPassword !== password)
   " [disabled]="
     !selectModel.thFirstname ||
     !selectModel.thLastname ||
     !selectModel.engFirstname ||
     !selectModel.engLastname ||
     (!selectModel.email || isEmailDuplicate || !selectModel.email.includes('@') || !selectModel.email.includes('.')) ||
-    !password">
+    !password || !confirmPassword || (confirmPassword !== password)">
           {{ 'Save' | translate }}
         </button>
       </div>