Finished #485 and worked out bugs: password fields always update, added margins, fixed Chrome width bug, wrapped checkbox in label element

1 files changed, 5 insertions, 1 deletions

diff --git a/mediagoblin/templates/mediagoblin/auth/register.html b/mediagoblin/templates/mediagoblin/auth/register.html
index bded1d7e..73eae0d8 100644
--- a/mediagoblin/templates/mediagoblin/auth/register.html
+++ b/mediagoblin/templates/mediagoblin/auth/register.html
@@ -22,7 +22,7 @@
 {% block mediagoblin_head %}
   <script>
     $(document).ready(function(){
-      $("#password").after('<input type="text" value="" name="password_clear" id="password_clear" /><input type="checkbox" id="password_boolean" />Show password');
+      $("#password").after('<input type="text" value="" name="password_clear" id="password_clear" /><label><input type="checkbox" id="password_boolean" />Show password</label>');
       $('#password_clear').hide();
       $('#password_boolean').click(function(){
         if($('#password_boolean').prop("checked")) {
@@ -35,6 +35,10 @@
           $('#password').show();
         };
       });
+      $('#password,#password_clear').keyup(function(){
+        $('#password').val($(this).val());
+        $('#password_clear').val($(this).val());
+      });
     });
   </script>
 {% endblock mediagoblin_head %}