Changeset 5de4c2a in sicp


Ignore:
Timestamp:
May 8, 2015, 10:46:10 AM (9 years ago)
Author:
Ing. Roldan D. Vargas G <rvargas@…>
Branches:
master
Children:
0dff879
Parents:
350f0e7
Message:

agregada plantilla de formulario para el registro de usuarios

File:
1 edited

Legend:

Unmodified
Added
Removed

  • apps/usuario/templates/registro.html

    r0d2f252 r5de4c2a  
    1 {% extends 'base.html' %}
     1{% extends 'base_registro.html' %}
    22{% load static from staticfiles %}
    33{% load i18n %}
    4 {% block container_body %}
    5     <div class="row centered-form">
    6         <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
    7             <div class="panel panel-default">
    8                 <div class="panel-heading">
    9                     <h3 class="panel-title text-center">{% trans 'Registro de Usuarios' %}</h3>
    10                 </div>
    11                 <div class="panel-body">
    12                     <form role="form">
    13                         <div class="form-group">
    14                             <input type="text" name="first_name" id="first_name" class="form-control input-sm" placeholder="First Name">
    15                         </div>
     4{% block titulo_registro %}{% trans 'Registrarse' %}{% endblock %}
    165
    17                         <div class="form-group">
    18                             <input type="text" name="last_name" id="last_name" class="form-control input-sm" placeholder="Last Name">
    19                         </div>
    20 
    21                         <div class="form-group">
    22                             <input type="email" name="email" id="email" class="form-control input-sm" placeholder="Email Address">
    23                         </div>
    24 
    25                         <div class="row">
    26                             <div class="col-xs-6 col-sm-6 col-md-6">
    27                                 <div class="form-group">
    28                                     <input type="password" name="password" id="password" class="form-control input-sm" placeholder="Password">
    29                                 </div>
    30                             </div>
    31 
    32                             <div class="col-xs-6 col-sm-6 col-md-6">
    33                                 <div class="form-group">
    34                                     <input type="password" name="password_confirmation" id="password_confirmation" class="form-control input-sm" placeholder="Confirm Password">
    35                                 </div>
    36                             </div>
    37                         </div>
    38 
    39                         <input type="submit" value="Register" class="btn btn-info btn-block">
    40                     </form>
     6{% block form_inputs %}
     7    {% for field in form.visible_fields|slice:":3" %}
     8        <div class="col-xs-6 col-sm-6 col-md-6">
     9            <div class="form-group">
     10                <div>{{ field.label_tag }}</div>
     11                <div>
     12                    {% if 'Captcha' in field.label_tag %}
     13                        &#160;<i class="glyphicon glyphicon-refresh js-captcha-refresh" style="cursor: pointer"></i>&#160;
     14                    {% endif %}
     15                    {{ field }}
    4116                </div>
    4217            </div>
    4318        </div>
     19    {% endfor %}
     20    {% for field in form.visible_fields|slice:"3:" %}
     21        <div class="col-xs-6 col-sm-6 col-md-6">
     22            <div class="form-group">
     23                <div>{{ field.label_tag }}</div>
     24                <div>
     25                    {% if 'Captcha' in field.label_tag %}
     26                        &#160;<i class="glyphicon glyphicon-refresh js-captcha-refresh" style="cursor: pointer"></i>&#160;
     27                    {% endif %}
     28                    {{ field }}
     29                </div>
     30            </div>
     31        </div>
     32    {% endfor %}
     33    <script type="text/javascript">
     34        $('.js-captcha-refresh').click(function(){
     35            $form = $(this).parents('form');
     36
     37            $.getJSON($(this).data('url'), {}, function(json) {
     38                // This should update your captcha image src and captcha hidden input
     39            });
     40
     41            return false;
     42        });
     43    </script>
     44{% endblock %}
     45{% block form_buttons %}
     46    <div class="row">
     47        <div class="col-sm-7 col-sm-offset-5">
     48            <div class="btn btn-primary btn-sm" title="{% trans 'Presione para guardar el registro' %}"
     49                 onclick="$('.form').submit();">
     50                <i class="icon-save"></i> {% trans "registrar" %}
     51            </div>
     52            &#160;
     53            <div class="btn btn-primary btn-sm" title="{% trans 'Presione para cancelar el registro' %}"
     54                 onclick="location='{% url 'inicio' %}'">
     55                <i class="icon-undo"></i> {% trans "cancelar" %}
     56            </div>
     57        </div>
    4458    </div>
    45 
    46     <style>
    47         #container1 { background-color: #e2dada; }
    48         .centered-form { margin-top: 120px;margin-bottom: 120px; }
    49         .centered-form .panel { background: rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px; }
    50     </style>
    5159{% endblock %}
Note: See TracChangeset for help on using the changeset viewer.