From e3b656e8a943973ae3f65e4fc2d7f9edac691472 Mon Sep 17 00:00:00 2001
From: JUNG YI DAM <breeze@loafle.com>
Date: Mon, 28 Nov 2022 00:46:08 +0000
Subject: [PATCH] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EC=88=98=EC=A0=95=20passowrd?=
 =?UTF-8?q?=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user/components/view.component.html       | 34 +++++++++++++++++--
 .../member/user/components/view.component.ts  |  3 +-
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/app/modules/admin/member/user/components/view.component.html b/src/app/modules/admin/member/user/components/view.component.html
index 4cc892b..fe6c836 100644
--- a/src/app/modules/admin/member/user/components/view.component.html
+++ b/src/app/modules/admin/member/user/components/view.component.html
@@ -204,17 +204,33 @@
                     <mat-label>비밀번호</mat-label>
                     <input
                       id="signinPw"
+                      [type]="hideSigninPassword ? 'password' : 'text'"
                       matInput
                       [formControlName]="'signinPw'"
                     />
+                    <mat-icon
+                      matSuffix
+                      (click)="hideSigninPassword = !hideSigninPassword"
+                      >{{
+                        hideSigninPassword ? "visibility_off" : "visibility"
+                      }}</mat-icon
+                    >
                   </mat-form-field>
                   <mat-form-field class="w-1/3 pr-2">
                     <mat-label>비밀번호 확인</mat-label>
                     <input
                       id="signinPwConfirm"
+                      [type]="hideSigninPassword ? 'password' : 'text'"
                       matInput
                       [formControlName]="'signinPwConfirm'"
                     />
+                    <mat-icon
+                      matSuffix
+                      (click)="hideSigninPassword = !hideSigninPassword"
+                      >{{
+                        hideSigninPassword ? "visibility_off" : "visibility"
+                      }}</mat-icon
+                    >
                   </mat-form-field>
                   <div class="w-1/3 pr-2 mt-8">
                     <button
@@ -378,17 +394,31 @@
                     <mat-label>환전 비밀번호</mat-label>
                     <input
                       id="exchangePw"
+                      [type]="hideExchangePassword ? 'password' : 'text'"
                       matInput
                       [formControlName]="'exchangePw'"
-                    />
+                    /><mat-icon
+                      matSuffix
+                      (click)="hideExchangePassword = !hideExchangePassword"
+                      >{{
+                        hideExchangePassword ? "visibility_off" : "visibility"
+                      }}</mat-icon
+                    >
                   </mat-form-field>
                   <mat-form-field class="w-1/3 pr-2">
                     <mat-label>환전 비밀번호 확인</mat-label>
                     <input
                       id="exchangePwConfirm"
+                      [type]="hideExchangePassword ? 'password' : 'text'"
                       matInput
                       [formControlName]="'exchangePwConfirm'"
-                    />
+                    /><mat-icon
+                      matSuffix
+                      (click)="hideExchangePassword = !hideExchangePassword"
+                      >{{
+                        hideExchangePassword ? "visibility_off" : "visibility"
+                      }}</mat-icon
+                    >
                   </mat-form-field>
                   <div class="w-1/3 pr-2 mt-8">
                     <button
diff --git a/src/app/modules/admin/member/user/components/view.component.ts b/src/app/modules/admin/member/user/components/view.component.ts
index 3de6644..622f529 100644
--- a/src/app/modules/admin/member/user/components/view.component.ts
+++ b/src/app/modules/admin/member/user/components/view.component.ts
@@ -154,7 +154,8 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
     type: 'success',
     message: '비밀번호가 수정 되었습니다.',
   };
-
+  hideSigninPassword: boolean = true;
+  hideExchangePassword: boolean = true;
   changePasswordResultShowAlert: boolean = false;
   alertTitle = '알림';
   alertChangePasswordMessage = '비밀번호를 변경 하시겠습니까?';