diff --git a/app/views/users/password_reset.html.erb b/app/views/users/password_reset.html.erb index 585d2c8dd..c1597a541 100644 --- a/app/views/users/password_reset.html.erb +++ b/app/views/users/password_reset.html.erb @@ -36,9 +36,10 @@ <%=form_tag({}, method: :put) do %> <p> <span style="display: none;"><input name="username" type="text" value="<%= @user.username %>"></span> - <input id="user_password" name="password" size="30" type="password" maxlength="<%= User.max_password_length %>"> + <input id="user_password" name="password" size="30" type="password" maxlength="<%= User.max_password_length %>" onkeypress="capsLock(event)"> <label><%= t('js.user.password.instructions', count: SiteSetting.min_password_length) %></label> </p> + <div id="capsLockWarning" class="caps-lock-warning" style="visibility:hidden"><i class="fa fa-exclamation-triangle"></i> <%= t 'js.login.caps_lock_warning' %></div> <p> <%=submit_tag( @user.has_password? ? t('password_reset.update') : t('password_reset.save'), class: 'btn')%> </p> @@ -48,5 +49,11 @@ </div> <script type="text/javascript"> - document.getElementById('user_password').focus() + document.getElementById('user_password').focus(); + + function capsLock(e) { + kc = e.keyCode?e.keyCode:e.which; + sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false); + (((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk)) ? document.getElementById('capsLockWarning').style.visibility = 'visible' : document.getElementById('capsLockWarning').style.visibility = 'hidden'; + } </script>