From 1059b56781fdd6390c4c44fb00e99cc831971285 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Mon, 29 Mar 2021 16:05:06 +0300
Subject: Added show/hide button in profile settings confirm password field

---
 .../components/profile-settings/profile-settings.component.html    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/app/components/profile-settings/profile-settings.component.html')

diff --git a/src/app/components/profile-settings/profile-settings.component.html b/src/app/components/profile-settings/profile-settings.component.html
index fd2d0c5..1471859 100644
--- a/src/app/components/profile-settings/profile-settings.component.html
+++ b/src/app/components/profile-settings/profile-settings.component.html
@@ -116,7 +116,7 @@
 				</div>
 			</section>
 		</section>
-		<section class="flex-col margin-top-dot5">
+		<section class="flex-col input-selection">
 			<div class="flex-row">
 				<label class="flexible fg-focus">Current Password</label>
 
@@ -124,7 +124,10 @@
 				<label *ngIf="updateUserFormGroup.get('password')?.errors?.minlength" class="error">*Minimum 3 characters</label>
 				<label *ngIf="updateUserFormGroup.get('password')?.errors?.pattern" class="error">*At least 1 number</label>
 			</div>
-			<input type="password" class="fancy-input border-faded-slim border-bottom-only" formControlName="password" required>
+			<input [type]="showCurrentPassword ? 'text' : 'password'" class="fancy-input border-faded-slim border-bottom-only padding-right-1dot5" formControlName="password" required>
+			<button type="button" class="show-password-button hover-half-opacity click-effect" (click)="toggleShowPassword(0)">
+				<img [src]="showCurrentPassword ? '/assets/icons/tabler-icon-eye-off.svg' : '/assets/icons/tabler-icon-eye.svg'">
+			</button>
 		</section>
 		<section class="margin-top-bot-dot3">
 			<app-success-bar></app-success-bar>
-- 
cgit v1.2.3