diff --git a/settings/css/settings.css b/settings/css/settings.css index 57edc18bd9a4affb00d220d2d0ead7aabcf37f4c..f7da029d7e4543a49f2a8204278fd7210847fcdc 100644 --- a/settings/css/settings.css +++ b/settings/css/settings.css @@ -25,8 +25,6 @@ input#openid, input#webdav { width:20em; } font-weight: bold; } -#passworderror { display:none; } -#passwordchanged { display:none; } #displaynameerror { display:none; } #displaynamechanged { display:none; } input#identity { width:20em; } diff --git a/settings/js/personal.js b/settings/js/personal.js index 0cf0cd81a7b20ad5a5e9fb0d0f52bfa5b9fb074e..a157c1b5c0c264d336a1392029867570ac293309 100644 --- a/settings/js/personal.js +++ b/settings/js/personal.js @@ -182,20 +182,25 @@ $(document).ready(function () { if (data.status === "success") { $('#pass1').val(''); $('#pass2').val(''); - $('#passwordchanged').show(); + // Hide a possible errormsg and show successmsg + $('#password-changed').removeClass('hidden').addClass('inlineblock'); + $('#password-error').removeClass('inlineblock').addClass('hidden'); } else { if (typeof(data.data) !== "undefined") { $('#passworderror').html(data.data.message); } else { $('#passworderror').html(t('Unable to change password')); } - $('#passworderror').show(); + // Hide a possible successmsg and show errormsg + $('#password-changed').removeClass('inlineblock').addClass('hidden'); + $('#password-error').removeClass('hidden').addClass('inlineblock'); } }); return false; } else { - $('#passwordchanged').hide(); - $('#passworderror').show(); + // Hide a possible successmsg and show errormsg + $('#password-changed').removeClass('inlineblock').addClass('hidden'); + $('#password-error').removeClass('hidden').addClass('inlineblock'); return false; } diff --git a/settings/templates/personal.php b/settings/templates/personal.php index 3bd5971f44e71f85e924406f502d7d22b74265e9..300ade5e3f30c0f0473e5903479687b692820238 100644 --- a/settings/templates/personal.php +++ b/settings/templates/personal.php @@ -69,9 +69,10 @@ if($_['passwordChangeSupported']) { script('jquery-showpassword'); ?> <form id="passwordform" class="section"> - <h2><?php p($l->t('Password'));?></h2> - <div id="passwordchanged"><?php echo $l->t('Your password was changed');?></div> - <div id="passworderror"><?php echo $l->t('Unable to change your password');?></div> + <h2 class="inlineblock"><?php p($l->t('Password'));?></h2> + <div class="hidden icon-checkmark" id="password-changed"></div> + <div class="hidden" id="password-error"><?php p($l->t('Unable to change your password'));?></div> + <br> <input type="password" id="pass1" name="oldpassword" placeholder="<?php echo $l->t('Current password');?>" autocomplete="off" autocapitalize="off" autocorrect="off" />