This is an automated email from the ASF dual-hosted git repository.

ilgrosso pushed a commit to branch 4_1_X
in repository https://gitbox.apache.org/repos/asf/syncope.git


The following commit(s) were added to refs/heads/4_1_X by this push:
     new b9d14be37f [SYNCOPE-1990] "Eye" button to show password in enduser and 
console login page (#1506)
b9d14be37f is described below

commit b9d14be37fb254dce51a630ab73f2fd2d53d9263
Author: mrcx5 <[email protected]>
AuthorDate: Wed Aug 26 15:01:43 2026 +0200

    [SYNCOPE-1990] "Eye" button to show password in enduser and console login 
page (#1506)
---
 .../apache/syncope/client/console/pages/Login.html   | 20 ++++++++++++++++++--
 .../apache/syncope/client/enduser/pages/Login.html   | 20 ++++++++++++++++++--
 2 files changed, 36 insertions(+), 4 deletions(-)

diff --git 
a/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
 
b/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
index c829f7ba24..a440feddfe 100644
--- 
a/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
+++ 
b/client/idrepo/console/src/main/resources/org/apache/syncope/client/console/pages/Login.html
@@ -65,8 +65,24 @@ under the License.
             <input type="text" wicket:id="username" class="form-control"
                    wicket:message="placeholder:username" required="required" 
autofocus="autofocus"/>
 
-            <input type="password" wicket:id="password" class="form-control"
-                   wicket:message="placeholder:password" required="required"/>
+            <div class="input-group d-flex">
+              <input type="password" class="form-control w-75" 
wicket:id="password"
+                     wicket:message="placeholder:password" 
required="required"/>
+              <button type="button" class="btn btn-warning btn-flat 
input-group-text w-25 m-0 h-100" onclick="
+                var input = $(this).prevAll('input');
+                var type = input.attr('type');
+                var children = $(this).children();
+                if (type !== 'text') {
+                  $(input).attr('type', 'text');
+                  $(children).addClass('fa-eye-slash').removeClass('fa-eye');
+                } else {
+                  $(input).attr('type', 'password');
+                  $(children).removeClass('fa-eye-slash').addClass('fa-eye');
+                }
+                return false;">
+                <i class="fa fa-eye"></i>
+              </button>
+            </div>
 
             <input type="text" wicket:id="mfa" class="form-control" 
placeholder="mfa"/>
 
diff --git 
a/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
 
b/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
index 0cb9973cf5..a025bde450 100644
--- 
a/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
+++ 
b/client/idrepo/enduser/src/main/resources/org/apache/syncope/client/enduser/pages/Login.html
@@ -64,8 +64,24 @@ under the License.
             <input type="text" wicket:id="username" class="form-control"
                    wicket:message="placeholder:username" required="required" 
autofocus="autofocus"/>
 
-            <input type="password" wicket:id="password" class="form-control"
-                   wicket:message="placeholder:password" required="required"/>
+            <div class="input-group d-flex">
+              <input type="password" class="form-control w-75" 
wicket:id="password"
+                     wicket:message="placeholder:password" 
required="required"/>
+              <button type="button" class="btn btn-warning btn-flat 
input-group-text w-25 m-0 h-100" onclick="
+                var input = $(this).prevAll('input');
+                var type = input.attr('type');
+                var children = $(this).children();
+                if (type !== 'text') {
+                  $(input).attr('type', 'text');
+                  $(children).addClass('fa-eye-slash').removeClass('fa-eye');
+                } else {
+                  $(input).attr('type', 'password');
+                  $(children).removeClass('fa-eye-slash').addClass('fa-eye');
+                }
+                return false;">
+                <i class="fa fa-eye"></i>
+              </button>
+            </div>
 
             <input type="text" wicket:id="mfa" class="form-control" 
placeholder="mfa"/>
 

Reply via email to