Merge remote branch 'remotes/cwebber/sqlalchemy'
[mediagoblin.git] / mediagoblin / templates / mediagoblin / auth / register.html
index 730d684d970e76ee49955b006f1df85d2c9e10ef..bded1d7ee64e37c2ab1cfbd36289bef4ba3f9a6d 100644 (file)
@@ -1,6 +1,6 @@
 {#
 # GNU MediaGoblin -- federated, autonomous media hosting
-# Copyright (C) 2011 Free Software Foundation, Inc
+# Copyright (C) 2011 MediaGoblin contributors.  See AUTHORS.
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU Affero General Public License as published by
 
 {% import "/mediagoblin/utils/wtforms.html" as wtforms_util %}
 
+{% 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_clear').hide();
+      $('#password_boolean').click(function(){
+        if($('#password_boolean').prop("checked")) {
+          $('#password_clear').val($('#password').val());
+          $('#password').hide();
+          $('#password_clear').show();
+        } else {
+          $('#password').val($('#password_clear').val());
+          $('#password_clear').hide();
+          $('#password').show();
+        };
+      });
+    });
+  </script>
+{% endblock mediagoblin_head %}
+
 {% block mediagoblin_content %}
 
   <form action="{{ request.urlgen('mediagoblin.auth.register') }}"
         method="POST" enctype="multipart/form-data">
-    <div class="register_box form_box">
-      <h1>Create an account!</h1>
+    <div class="grid_6 prefix_1 suffix_1 form_box">
+      <h1>{% trans %}Create an account!{% endtrans %}</h1>
       {{ wtforms_util.render_divs(register_form) }}
+      {{ csrf_token }}
       <div class="form_submit_buttons">
-        <input type="submit" value="submit" class="button" />
+        <input type="submit" value="{% trans %}Create{% endtrans %}"
+               class="button_form" />
       </div>
     </div>
   </form>