Finished #485 and worked out bugs: password fields always update, added margins,...

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 625269a2d630adbf0dccde4567429d158acca772..ecdd047404a6517694f60a3995d278be8f35e747 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -251,6 +251,11 @@ textarea#comment_content {
   text-align: right;
 }
 
+#password_boolean {
+  margin-top: 4px;
+  width: 20px;
+}
+
 /* comments */
 
 .comment_author {

diff --git a/mediagoblin/templates/mediagoblin/auth/register.html b/mediagoblin/templates/mediagoblin/auth/register.html
index bded1d7ee64e37c2ab1cfbd36289bef4ba3f9a6d..73eae0d8f830b501062f3ee48f8d657a6afb81b4 100644 (file)
--- 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 %}