Admin: Show/hide password on create user. - refs BT#18449

main/admin/user_add.php

@@ -214,6 +214,19 @@ function updateStatus(){
 );
 
 $form->addGroup($group, 'password', get_lang('Password'));
+$form->addElement(
+    'checkbox',
+    'showPassword',
+    '<label for="showPassword" style="cursor: pointer;">'.
+    get_lang('ShowOrHide')." ".get_lang('Password')." ".
+    Display::returnFontAwesomeIcon('eye', null, true, 'showPasswordEye')
+    .'</label> ',
+    '',
+    [
+        'id' => 'showPassword',
+        'onchange' => 'javascript: ShowHidePassword();',
+    ]
+);
 $form->addPasswordRule('password', 'password');
 $form->addGroupRule('password', get_lang('EnterPassword'), 'required', null, 1);
 
@@ -303,10 +316,25 @@ function updateStatus(){
 $jquery_ready_content = $returnParams['jquery_ready_content'];
 
 // the $jquery_ready_content variable collects all functions that will be load in the $(document).ready javascript function
-$htmlHeadXtra[] = '<script>
+$htmlHeadXtra[] = '<script type="text/javascript">
 $(function () {
     '.$jquery_ready_content.'
+    if($(\'#showPassword\').prop(\'checked\')){
+        $(\'.showPasswordEye\').removeClass(\'fa-eye\').addClass(\'fa-eye-slash\');
+    }else{
+        $(\'.showPasswordEye\').addClass(\'fa-eye\').removeClass(\'fa-eye-slash\');
+    }
 });
+function ShowHidePassword(){
+
+        if($(\'#showPassword\').prop(\'checked\')){
+            $(\'#password\').attr(\'type\',\'text\');
+            $(\'.showPasswordEye\').removeClass(\'fa-eye\').addClass(\'fa-eye-slash\');
+        }else{
+            $(\'#password\').attr(\'type\',\'password\');
+            $(\'.showPasswordEye\').addClass(\'fa-eye\').removeClass(\'fa-eye-slash\');
+        }
+}
 </script>';
 
 // Set default values