heckyel/mediagoblin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add show-password checkbox and make it work

Browse Source
This commit is contained in:
Jef van Schendel 2011-12-02 23:48:40 +01:00
parent 92417fc535
commit 0d6e5dddeb
3 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
mediagoblin/auth/forms.py
View File

@ -29,15 +29,7 @@ class RegistrationForm(wtforms.Form):
password = wtforms.PasswordField(
_('Password'),
[wtforms.validators.Required(),
wtforms.validators.Length(min=6, max=30),
wtforms.validators.EqualTo(
'confirm_password',
_('Passwords must match.'))])
confirm_password = wtforms.PasswordField(
_('Confirm password'),
[wtforms.validators.Required()],
description=_(
u"Type it again here to make sure there are no spelling mistakes."))
wtforms.validators.Length(min=6, max=30)])
email = wtforms.TextField(
_('Email address'),
[wtforms.validators.Required(),

20
mediagoblin/templates/mediagoblin/auth/register.html
View File

@ -19,6 +19,26 @@
{% 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') }}"

3
mediagoblin/templates/mediagoblin/base.html
View File

@ -32,10 +32,11 @@
href="{{ request.staticdirect('/css/video-js.css') }}"/>
<link rel="shortcut icon"
href="{{ request.staticdirect('/images/goblin.ico') }}" />
<script type="text/javascript"
src="{{ request.staticdirect('/js/extlib/jquery.js') }}"></script>
{% block mediagoblin_head %}
{% endblock mediagoblin_head %}
</head>
<body>
{% block mediagoblin_body %}
<div class="mediagoblin_body">