Commit 011eeff39ccdb2831cce4b9a6fc5a435e9925aaa
1 parent
13b58bb3
Exists in
master
and in
3 other branches
Adding image field to register form
Showing
2 changed files
with
35 additions
and
18 deletions
Show diff stats
users/forms.py
... | ... | @@ -52,7 +52,7 @@ class RegisterUserForm(Validation): |
52 | 52 | |
53 | 53 | class Meta: |
54 | 54 | model = User |
55 | - fields = ['email', 'username', 'last_name', 'social_name',] | |
55 | + fields = ['email', 'username', 'last_name', 'social_name', 'image',] | |
56 | 56 | |
57 | 57 | class ProfileForm(Validation): |
58 | 58 | password = forms.CharField(label=_('Password'), widget = forms.PasswordInput, required = False) | ... | ... |
users/templates/users/register.html
... | ... | @@ -38,7 +38,7 @@ |
38 | 38 | <div class="card-body"> |
39 | 39 | <div class="row"> |
40 | 40 | <div class="col-md-12 text-center"> |
41 | - <a href="{% url 'users:login' %}" class="pull-left"> < {% trans 'Login' %}</a> | |
41 | + | |
42 | 42 | <h2 style="color:#43a251"><strong>{% trans "User Register" %}</strong></h2> |
43 | 43 | </div> |
44 | 44 | </div> |
... | ... | @@ -50,35 +50,52 @@ |
50 | 50 | <div class="row form-group"> |
51 | 51 | <div class="col-md-3 col-sm-3 col-xs-5 col-lg-3 text-right"> |
52 | 52 | {% if field.field.required %} |
53 | - <label for="{{ field.auto_id }}" class="control-label">{{ field.label }}<span>*</span></label> | |
53 | + <label for="{{ field.auto_id }}" class="control-label">{{ field.label }}<span>*</span></label> | |
54 | 54 | {% else %} |
55 | - <label for="{{ field.auto_id }}" class="control-label">{{ field.label }}</label> | |
55 | + <label for="{{ field.auto_id }}" class="control-label">{{ field.label }}</label> | |
56 | 56 | {% endif %} |
57 | 57 | </div> |
58 | 58 | <div class="col-md-9 col-sm-9 col-xs-7 col-lg-9"> |
59 | - {% render_field field class='form-control' %} | |
59 | + {% if field.auto_id == 'id_image' %} | |
60 | + {% render_field field class='form-control' %} | |
61 | + <div class="input-group"> | |
62 | + <input type="text" readonly="" class="form-control" placeholder="{% trans 'Choose your file...' %}"> | |
63 | + <span class="input-group-btn"> | |
64 | + <button type="button" class="btn btn-fab btn-fab-mini"> | |
65 | + <i class="material-icons">attach_file</i> | |
66 | + </button> | |
67 | + </span> | |
68 | + </div> | |
69 | + {% else %} | |
70 | + {% render_field field class='form-control' %} | |
71 | + {% endif %} | |
60 | 72 | <span class="help-block">{{ field.help_text }}</span> |
61 | 73 | {% if field.errors %} |
62 | - <div class="row"> | |
63 | - <div class="alert alert-danger alert-dismissible" role="alert"> | |
64 | - <button type="button" class="close" data-dismiss="alert" aria-label="Close"> | |
65 | - <span aria-hidden="true">×</span> | |
66 | - </button> | |
67 | - <ul> | |
68 | - {% for error in field.errors %} | |
69 | - <li>{{ error }}</li> | |
70 | - {% endfor %} | |
71 | - </ul> | |
74 | + <div class="row"> | |
75 | + <div class="alert alert-danger alert-dismissible" role="alert"> | |
76 | + <button type="button" class="close" data-dismiss="alert" aria-label="Close"> | |
77 | + <span aria-hidden="true">×</span> | |
78 | + </button> | |
79 | + <ul> | |
80 | + {% for error in field.errors %} | |
81 | + <li>{{ error }}</li> | |
82 | + {% endfor %} | |
83 | + </ul> | |
84 | + </div> | |
72 | 85 | </div> |
73 | - </div> | |
74 | 86 | {% endif %} |
75 | 87 | </div> |
76 | 88 | </div> |
77 | 89 | </div> |
78 | 90 | {% endfor %} |
79 | 91 | <div class="row"> |
80 | - <div class="col-md-6 col-xs-6 col-sm-6 col-lg-6 col-lg-offset-3 col-md-offset-3 text-center"> | |
81 | - <input type="submit" value="{% trans 'Register' %}" class="btn btn-raised btn-primary" /> | |
92 | + <div class="col-md-10 col-md-offset-1 col-sm-12 col-xs-12 col-lg-10 col-lg-offset-1"> | |
93 | + <div class="pull-left"> | |
94 | + <input type="submit" value="{% trans 'Register' %}" class="btn btn-raised btn-primary" /> | |
95 | + </div> | |
96 | + <div class="pull-right"> | |
97 | + <a href="{% url 'users:login' %}" class="btn btn-raised btn-default"> {% trans 'Back' %}</a> | |
98 | + </div> | |
82 | 99 | </div> |
83 | 100 | </div> |
84 | 101 | </form> | ... | ... |