From 3944b43cfa2f99df1934efde5861aae8666daf9f Mon Sep 17 00:00:00 2001
From: Art <d.art.shishkin@gmail.com>
Date: Tue, 21 Sep 2021 10:07:59 +0300
Subject: [PATCH] 164. Understanding file change event (#22)

---
 .../src/app/component/user/user.component.html                | 3 ++-
 .../src/app/component/user/user.component.ts                  | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html
index 1cb946a..42919c2 100644
--- a/support-portal-frontend/src/app/component/user/user.component.html
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -219,7 +219,8 @@
                   </div>
                   <div class="custom-file">
                     <input type="file" accept="image/*" name="profileImage"
-                           class="custom-file-input">
+                           (change)="onProfileImageChange($event)"
+                           class="custom-file-input" >
                     <label class="custom-file-label">
                       <span [hidden]="true"> fileName </span>
                       <span [hidden]="false">Choose File</span>
diff --git a/support-portal-frontend/src/app/component/user/user.component.ts b/support-portal-frontend/src/app/component/user/user.component.ts
index 61d7512..e7050c8 100644
--- a/support-portal-frontend/src/app/component/user/user.component.ts
+++ b/support-portal-frontend/src/app/component/user/user.component.ts
@@ -64,6 +64,10 @@ export class UserComponent implements OnInit, OnDestroy {
     document.getElementById('openUserInfo')?.click();
   }
 
+  public onProfileImageChange(event: any): void {
+    console.log(event);
+  }
+
   private sendErrorNotification(message: string) {
     this.notificationService.notify(NotificationType.ERROR, message ? message : 'An error occurred. Please try again')
   }