From 69274cdb8890aa2df2085dd67d11088bedabcf45 Mon Sep 17 00:00:00 2001
From: Canapin <canapin@gmail.com>
Date: Wed, 24 May 2023 12:40:36 +0200
Subject: [PATCH] UX: Add show password on mobile login modal (#21003)

* UX: Add show password on mobile login modal

* Update app/assets/javascripts/discourse/app/templates/mobile/modal/login.hbs

Co-authored-by: Jarek Radosz <jradosz@gmail.com>

---------

Co-authored-by: Jarek Radosz <jradosz@gmail.com>
---
 .../app/templates/mobile/modal/login.hbs       | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/templates/mobile/modal/login.hbs b/app/assets/javascripts/discourse/app/templates/mobile/modal/login.hbs
index 325cb8bde5f..369f3d7c728 100644
--- a/app/assets/javascripts/discourse/app/templates/mobile/modal/login.hbs
+++ b/app/assets/javascripts/discourse/app/templates/mobile/modal/login.hbs
@@ -42,7 +42,7 @@
             <Input
               @value={{this.loginPassword}}
               class={{value-entered this.loginPassword}}
-              @type="password"
+              @type={{if this.maskPassword "password" "text"}}
               id="login-account-password"
               maxlength="200"
               disabled={{this.showSecondFactor}}
@@ -50,11 +50,17 @@
             <label class="alt-placeholder" for="login-account-password">{{i18n
                 "login.password"
               }}</label>
-            <a
-              href
-              id="forgot-password-link"
-              {{on "click" this.handleForgotPassword}}
-            >{{i18n "forgot_password.action"}}</a>
+            <div class="login__password-links">
+              <a
+                href
+                id="forgot-password-link"
+                {{on "click" this.handleForgotPassword}}
+              >{{i18n "forgot_password.action"}}</a>
+              <TogglePasswordMask
+                @maskPassword={{this.maskPassword}}
+                @togglePasswordMask={{this.togglePasswordMask}}
+              />
+            </div>
           </div>
         </div>
         <SecondFactorForm