diff --git a/src/java/fr/paris/lutece/portal/resources/admin_messages.properties b/src/java/fr/paris/lutece/portal/resources/admin_messages.properties index aae083d792..f4f6a11212 100644 --- a/src/java/fr/paris/lutece/portal/resources/admin_messages.properties +++ b/src/java/fr/paris/lutece/portal/resources/admin_messages.properties @@ -18,6 +18,8 @@ admin_login.passwordLabel=Password admin_login.forgotPassword=Forgot password admin_login.forgotLogin=Forgot access code admin_login.buttonConnect=Connect +admin_login.showPassword=Display the password +admin_login.hidePassword=Hide the password # Template admin_home admin_home.connectedUser=Connected user diff --git a/src/java/fr/paris/lutece/portal/resources/admin_messages_fr.properties b/src/java/fr/paris/lutece/portal/resources/admin_messages_fr.properties index 78e9812ae1..63c062ae83 100644 --- a/src/java/fr/paris/lutece/portal/resources/admin_messages_fr.properties +++ b/src/java/fr/paris/lutece/portal/resources/admin_messages_fr.properties @@ -18,6 +18,8 @@ admin_login.passwordLabel=Mot de passe admin_login.forgotPassword=Mot de passe oubli\u00e9 admin_login.forgotLogin=Code d'acc\u00e8s oubli\u00e9 admin_login.buttonConnect=Se connecter +admin_login.showPassword=Afficher le mot de passe +admin_login.hidePassword=Masquer le mot de passe # Template admin_home admin_home.connectedUser=Utilisateur connect\u00e9 diff --git a/webapp/WEB-INF/templates/admin/admin_login.html b/webapp/WEB-INF/templates/admin/admin_login.html index 722c2ce02d..f1e2a23baf 100644 --- a/webapp/WEB-INF/templates/admin/admin_login.html +++ b/webapp/WEB-INF/templates/admin/admin_login.html @@ -22,7 +22,7 @@
- +
@@ -49,4 +49,25 @@ var bgImg = 'url(' + randomImages[rndNum] + ')'; $("#login-page").css('background-image', bgImg ); }); +$(document).ready(function() { + var showPasswordText = "${i18n('portal.admin.admin_login.showPassword')?html}"; + var hidePasswordText = "${i18n('portal.admin.admin_login.hidePassword')?html}"; + var buttonGroup = $(""); + var button = buttonGroup.find('button') + .click(function() { + if ($('#password').attr('type') === 'password') { + $('#password').attr('type','text'); + button.find('span:first-child').removeClass('fa-eye').addClass('fa-eye-slash'); + button.find('span:last-child').text(hidePasswordText); + button.attr('title',hidePasswordText) + } else { + $('#password').attr('type','password'); + button.find('span:first-child').removeClass('fa-eye-slash').addClass('fa-eye'); + button.find('span:last-child').text(showPasswordText); + button.attr('title',showPasswordText) + } + $('#password').focus(); + }); + $('#password').after(buttonGroup); +});