Update setup-user.component.html

src/app/user-management/setup-user/setup-user.component.html

@@ -187,66 +187,43 @@
                               </div>
 
                               <!-- Password -->
-                              <div class="col-md-6">
+<!-- Password field (only show in create mode) -->
-                                <div class="d-flex align-items-center gap-2">
+<div class="col-md-6" *ngIf="mode === 'create'">
-                                  <label
+  <div class="d-flex align-items-center gap-2">
-                                    for="defaultPassword"
+    <label for="defaultPassword" class="text-nowrap">
-                                    class="text-nowrap"
+      {{ "password" | translate }}<span class="mandatory">*</span>
-                                  >
+    </label>
-                                    {{ "password" | translate
+    <div class="password-wrapper position-relative w-100">
-                                    }}<span class="mandatory" *ngIf="mode === 'create'">*</span>
+      <input
-                                    <span class="text-muted small" *ngIf="mode === 'edit'"></span>
+        id="defaultPassword"
-                                  </label>
+        [type]="passwordType"
-                                  <div
+        class="form-control"
-                                    class="password-wrapper position-relative w-100"
+        formControlName="defaultPassword"
-                                  >
+        name="defaultPassword"
-                                  <div class="password-wrapper">
+        placeholder="{{ 'passwordPlaceHolder' | translate }}"
-                                     <input
+        appNoWhitespaces
-                                      id="defaultPassword"
+      />
-                                      [type]="passwordType"
+      <app-password-hide-show
-                                      class="form-control"
+        #passShowSetupUser
-                                      formControlName="defaultPassword"
+        class="password-eye align-items"
-                                      name="defaultPassword"
+        [showPassword]="true"
-                                      placeholder="{{
+        (onEyeClick)="toggleSetupPass()"
-                                        mode === 'create' ? ('passwordPlaceHolder' | translate) : ('newPasswordOptional' | translate)
+      ></app-password-hide-show>
-                                      }}"
+      <div
-                                      appNoWhitespaces
+        class="text-danger"
-                                    />
+        *ngIf="userForm.get('defaultPassword')?.touched && userForm.get('defaultPassword')?.invalid"
-                                    <app-password-hide-show #passShowSetupUser class="password-eye align-items" [showPassword]="true"
+      >
-                                        (onEyeClick)="toggleSetupPass()"></app-password-hide-show>
+        <div *ngIf="userForm.get('defaultPassword')?.errors?.['required']">
+          {{ "fieldRequired" | translate }}
+        </div>
+        <div *ngIf="userForm.get('defaultPassword')?.errors?.['pattern']">
+          {{ "passwordPattern" | translate }}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 
-                                  </div>                                 
-                                    <div
-                                      class="text-danger"
-                                      *ngIf="
-                                        userForm.get('defaultPassword')
-                                          ?.touched &&
-                                        userForm.get('defaultPassword')?.invalid
-                                      "
-                                    >
-                                      <div
-                                        *ngIf="
-                                          userForm.get('defaultPassword')
-                                            ?.errors?.['required'] &&
-                                          mode === 'create'
-                                        "
-                                      >
-                                        {{ "fieldRequired" | translate }}
-                                      </div>
-                                      <div
-                                        *ngIf="
-                                          !userForm.get('defaultPassword')
-                                            ?.errors?.['required'] &&
-                                          userForm.get('defaultPassword')
-                                            ?.errors?.['pattern']
-                                        "
-                                      >
-                                        {{ "passwordPattern" | translate }}
-                                      </div>
-                                    </div>
-                                  </div>
-                                </div>
-                              </div>
                             </div>
 
                             <div class="row g-3 mb-3">