From 50e3dfec7293d41589b26f2e7f0e5eb2c23802af Mon Sep 17 00:00:00 2001
From: Mazdak Gibran <141390141+mazdakgibran@users.noreply.github.com>
Date: Tue, 6 Jan 2026 18:10:44 +0500
Subject: [PATCH] change password api

change password api integration
---
 .../password-hide-show.component.ts           |  8 +++-
 .../change-password.component.html            | 18 ++++----
 .../change-password.component.ts              | 46 +++++++++++--------
 src/assets/data/app.uri.json                  |  2 +-
 4 files changed, 43 insertions(+), 31 deletions(-)

diff --git a/src/app/shared/components/password-hide-show/password-hide-show.component.ts b/src/app/shared/components/password-hide-show/password-hide-show.component.ts
index 7a15567..c937edd 100644
--- a/src/app/shared/components/password-hide-show/password-hide-show.component.ts
+++ b/src/app/shared/components/password-hide-show/password-hide-show.component.ts
@@ -1,8 +1,14 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 @Component({
   selector: 'app-password-hide-show',
   imports: [],
+   providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => PasswordHideShowComponent),
+    multi: true
+  }],
   templateUrl: './password-hide-show.component.html',
   styleUrl: './password-hide-show.component.scss'
 })
diff --git a/src/app/user-management/change-password/change-password.component.html b/src/app/user-management/change-password/change-password.component.html
index 644826d..663e705 100644
--- a/src/app/user-management/change-password/change-password.component.html
+++ b/src/app/user-management/change-password/change-password.component.html
@@ -3,7 +3,7 @@
     <div class="inner-pg-sp">
         <div class="container-fluid">
             
-            <div *ngIf="isFirstLogin" class="auth-page d-flex align-items-center">
+            <div *ngIf="isFirstLogin && firstTimeLoginForm" class="auth-page d-flex align-items-center">
                 <div class="container">
                     <div class="row justify-content-center">
                         <div class="col-md-6 col-lg-5 col-xl-4">
@@ -15,7 +15,7 @@
                                             <h5 class="mb-0 text-dark">{{'changePassword' | translate}}</h5>
                                         </div>
                                         <div class="card-body">
-                                            <form>
+                                            <form [formGroup]="firstTimeLoginForm">
             
                                                 <!-- New Password -->
                                                 <div class="mb-3">
@@ -23,7 +23,7 @@
                                                         {{"newPasswordStatic" | translate}}<span class="mandatory">*</span>
                                                     </label>
                                                     <div class="input-group auth-pass-inputgroup">
-                                                        <input type="{{passwordType1}}" class="form-control" id="newPassword"
+                                                        <input type="{{passwordType1}}" class="form-control" formControlName="newPassword" id="newPassword"
                                                             placeholder="{{'enterNewPassword' | translate}}" appNoWhitespaces>
                                                         <app-password-hide-show #psh1 [showPassword]="true"
                                                             (onEyeClick)="togglePasswordType1()">
@@ -37,7 +37,7 @@
                                                         {{"confirmPassword" | translate}}<span class="mandatory">*</span>
                                                     </label>
                                                     <div class="input-group auth-pass-inputgroup">
-                                                        <input type="{{passwordType2}}" class="form-control" id="confirmPassword"
+                                                        <input type="{{passwordType2}}" class="form-control" formControlName="confirmPassword" id="confirmPassword"
                                                             placeholder="{{'confirmPassword' | translate}}" appNoWhitespaces>
                                                         <app-password-hide-show #psh2 [showPassword]="true"
                                                             (onEyeClick)="togglePasswordType2()">
@@ -47,7 +47,7 @@
             
                                                 <!-- Submit Button -->
                                                 <div class="mt-3 d-grid">
-                                                    <button class="btn btn-primary waves-effect waves-light" type="button">
+                                                    <button class="btn btn-primary waves-effect waves-light" (click)="onSubmit()" type="button">
                                                         {{'save' | translate}}
                                                     </button>
                                                 </div>
@@ -60,7 +60,7 @@
                 </div>
             </div>
             
-            <div *ngIf="!isFirstLogin" class="full-width-page">
+            <div *ngIf="!isFirstLogin && changePasswordForm" class="full-width-page">
                <div class="row">
                     <div class="col-12">
                         <div class="d-sm-flex align-items-center justify-content-between navbar-header p-0">
@@ -115,16 +115,16 @@
                                                             </div>
                                                             <div class="col-md-6">
                                                                 <div class="d-flex align-items-start gap-2">
-                                                                    <label for="enterNewPassword"
+                                                                    <label for="newPassword"
                                                                         class="text-nowrap mt-2">
                                                                         {{ 'enterNewPassword' | translate }}<span
                                                                             class="mandatory">*</span>
                                                                     </label>
                                                                     <div class="password-wrapper position-relative w-100">
                                                                         
-                                                                            <input id="enterNewPassword"
+                                                                            <input id="newPassword"
                                                                             class="form-control"
-                                                                            formControlName="enterNewPassword"
+                                                                            formControlName="newPassword"
                                                                             type="{{passwordType1}}"
                                                                             maxlength="500"
                                                                             placeholder="{{ 'enterNewPassword' | translate }}" appNoWhitespaces
diff --git a/src/app/user-management/change-password/change-password.component.ts b/src/app/user-management/change-password/change-password.component.ts
index 5c7d275..b79f669 100644
--- a/src/app/user-management/change-password/change-password.component.ts
+++ b/src/app/user-management/change-password/change-password.component.ts
@@ -16,6 +16,7 @@ import { StorageService } from '../../shared/services/storage.service';
 
 export class ChangePasswordComponent implements OnInit{
   isFirstLogin = false;
+  firstTimeLoginForm!: FormGroup;
   changePasswordForm!: FormGroup;
   currentLanguage = new FormControl();
   httpService: any;
@@ -40,27 +41,28 @@ constructor(private fb: FormBuilder, private httpURIService: HttpURIService, pri
   }
 
   passwordMatchValidator(group: AbstractControl): ValidationErrors | null {
-    const newPassword = group.get('enterNewPassword')?.value;
+    const newPassword = group.get('newPassword')?.value;
     const confirmPassword = group.get('confirmPassword')?.value;
     return newPassword === confirmPassword ? null : { passwordMismatch: true };
   }
 
    ngOnInit(): void { 
-     this.checkIfFirstTimeChangePasswordOrNot();
+  this.checkIfFirstTimeChangePasswordOrNot();
 
-  if (!this.isFirstLogin) {
-    this.initChangePasswordForm();
-  }
-    this.changePasswordForm = this.fb.group({
-      oldPassword: ['', Validators.required],
-      enterNewPassword: ['',[ Validators.required, Validators.minLength(6)]],
+  if (this.isFirstLogin) {
+    this.firstTimeLoginForm = this.fb.group({
+      newPassword: ['', [Validators.required, Validators.minLength(6)]],
       confirmPassword: ['', [Validators.required, Validators.minLength(6)]]
-    },
-    {
-      validators: this.passwordMatchValidator
-    }
-    )
+    }, { validators: this.passwordMatchValidator });
+  } else {
+    this.changePasswordForm = this.fb.group({
+  oldPassword: ['', Validators.required],
+  newPassword: ['', [Validators.required, Validators.minLength(6)]],
+  confirmPassword: ['', [Validators.required, Validators.minLength(6)]]
+}, { validators: this.passwordMatchValidator });
+
   }
+}
 
   checkIfFirstTimeChangePasswordOrNot(): void {
     const fromMenu = history.state?.['fromMenu'];
@@ -113,14 +115,18 @@ constructor(private fb: FormBuilder, private httpURIService: HttpURIService, pri
 
     return null;
   }
-
+ getFormPayload() {
+  const form = this.isFirstLogin ? this.firstTimeLoginForm : this.changePasswordForm;
+  
+  return {
+    oldPassword: form.get('oldPassword')?.value || null,
+    // confirmPassword: form.get('confirmPassword')?.value || null,
+    newPassword: form.get('newPassword')?.value,
+    userId: this.storageService.getItem('USER_ID')
+  };
+}
   onSubmit(){
-    if(this.changePasswordForm.invalid){return}
-    
-    const payload = {
-      oldPassword: this.changePasswordForm.value.oldPassword,
-      newPassword: this.changePasswordForm.value.enterNewPassword
-    }
+    const payload = this.getFormPayload();
 
     this.httpURIService.requestPOST(URIKey.CHANGE_PASSWORD_URI, payload)
       .subscribe();
diff --git a/src/assets/data/app.uri.json b/src/assets/data/app.uri.json
index 9bb8d8c..a695eaa 100644
--- a/src/assets/data/app.uri.json
+++ b/src/assets/data/app.uri.json
@@ -54,7 +54,7 @@
                     },
                     {
                         "Id" : "ENTITY_CHANGE_PASSWORD_URI",
-                        "URI": "/user/change-password",
+                        "URI": "/authentication/change-password",
                         "UUID": "CHANGE_PASSWORD_URI"
                     },
                     {
-- 
2.32.0