Add show-password checkbox and make it work

[mediagoblin.git] / mediagoblin / templates / mediagoblin / auth / register.html

{#
# GNU MediaGoblin -- federated, autonomous media hosting
# 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
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#}
{% extends "mediagoblin/base.html" %}

{% 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="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="{% trans %}Create{% endtrans %}"
               class="button_form" />
      </div>
    </div>
  </form>
{% endblock %}