1 | {% extends "base.inicio.html" %} |
---|
2 | {% block titulo %}_-=SAPIC-Registrarse=-_{% endblock titulo %} |
---|
3 | {% block extracss %} |
---|
4 | {% load staticfiles %} |
---|
5 | <link type="text/css" rel="stylesheet" href="{% static 'jquery-entropizer-master/dist/css/jquery-entropizer.min.css' %}" /> |
---|
6 | {% endblock extracss %} |
---|
7 | {% block extrajs %} |
---|
8 | <script type="text/javascript" src="{% static 'jquery-entropizer-master/lib/entropizer.js' %}"></script> |
---|
9 | <script type="text/javascript" src="{% static 'jquery-entropizer-master/dist/js/jquery-entropizer.min.js' %}"></script> |
---|
10 | <script type="text/javascript" src="{% static 'users/user_register.js' %}"></script> |
---|
11 | {% endblock extrajs %} |
---|
12 | {% block contenido %} |
---|
13 | <div class="contenido-sapic"> |
---|
14 | <div class="col-xs-12"> |
---|
15 | <div class="panel-sepai"> |
---|
16 | <!-- Inicio Nav tabs --> |
---|
17 | <ul class="nav nav-tabs" role="tablist"> |
---|
18 | <li role="presentation" class="active" id="cuentas"> |
---|
19 | <a href="#cuenta" aria-controls="cuenta" role="tab" data-toggle="tab">Cuenta de Usuario</a> |
---|
20 | </li> |
---|
21 | <li role="presentation" id="perfiles"> |
---|
22 | <a href="#perfil" aria-controls="perfil" role="tab" data-toggle="tab">Perfil de Usuario</a> |
---|
23 | </li> |
---|
24 | </ul> |
---|
25 | <!-- Fin Nav tabs --> |
---|
26 | <!-- Inicio Tab panes --> |
---|
27 | <div class="tab-content"> |
---|
28 | <div role="tabpanel" class="tab-pane active" id="cuenta"> |
---|
29 | <h3>Registrar la cuenta de usuario</h3> |
---|
30 | <form id="form_register" method="post"> |
---|
31 | {% csrf_token %} |
---|
32 | <div class="form-group has-feedback"> |
---|
33 | {{ forms.user.email }} |
---|
34 | <span class="glyphicon glyphicon-envelope form-control-feedback"></span> |
---|
35 | </div> |
---|
36 | <div class="form-group has-feedback"> |
---|
37 | {{ forms.user.username }} |
---|
38 | <span class="glyphicon glyphicon-user form-control-feedback"></span> |
---|
39 | </div> |
---|
40 | <div class="form-group has-feedback"> |
---|
41 | {{ forms.user.password1 }} |
---|
42 | <span class="glyphicon glyphicon-lock form-control-feedback"></span> |
---|
43 | </div> |
---|
44 | <div class="form-group has-feedback"> |
---|
45 | {{ forms.user.password2 }} |
---|
46 | <span class="glyphicon glyphicon-log-in form-control-feedback"></span> |
---|
47 | </div> |
---|
48 | <div class="row"> |
---|
49 | <div id="meter" class="col-md-10 col-md-offset-2"> |
---|
50 | <p> Fortaleza de la contraseña</p> |
---|
51 | </div> |
---|
52 | </div> |
---|
53 | {% if 'Administradores' in request.session.grupos %} |
---|
54 | <div class="row"> |
---|
55 | <div class="col-xs-8"> |
---|
56 | <div class="checkbox icheck"> |
---|
57 | <label> |
---|
58 | {{ forms.user.is_staff}} |
---|
59 | </label> |
---|
60 | {{ forms.user.is_staff.label}} |
---|
61 | </div> |
---|
62 | </div> |
---|
63 | <div class="col-xs-4"> |
---|
64 | <div class="checkbox icheck"> |
---|
65 | <label> |
---|
66 | {{ forms.user.is_active}} |
---|
67 | </label> |
---|
68 | {{ forms.user.is_active.label}} |
---|
69 | </div> |
---|
70 | </div> |
---|
71 | </div> |
---|
72 | <div class="form-group has-feedback"> |
---|
73 | <label> |
---|
74 | Grupos de Usuario |
---|
75 | </label> |
---|
76 | {{ forms.user.groups }} |
---|
77 | </div> |
---|
78 | {% endif %} |
---|
79 | </div> |
---|
80 | <div role="tabpanel" class="tab-pane" id="perfil"> |
---|
81 | <h3>Registrar el Perfil del Usuario</h3> |
---|
82 | <div class="form-group has-feedback"> |
---|
83 | {{ forms.user.first_name }} |
---|
84 | <span class="glyphicon glyphicon-user form-control-feedback"></span> |
---|
85 | </div> |
---|
86 | <div class="form-group has-feedback"> |
---|
87 | {{ forms.user.last_name }} |
---|
88 | <span class="glyphicon glyphicon-user form-control-feedback"></span> |
---|
89 | </div> |
---|
90 | <div class="form-group has-feedback"> |
---|
91 | {{ forms.user_perfil.fk_tipo_documento.label }} |
---|
92 | {{ forms.user_perfil.fk_tipo_documento }} |
---|
93 | <span class="glyphicon glyphicon-list form-control-feedback"></span> |
---|
94 | </div> |
---|
95 | <div class="form-group has-feedback"> |
---|
96 | {{ forms.user_perfil.id_perfil }} |
---|
97 | <span class="glyphicon glyphicon-list form-control-feedback"></span> |
---|
98 | </div> |
---|
99 | <br> |
---|
100 | <button id="submit" type="submit" class="btn btn-danger btn-block btn-flat">Registrar</button> |
---|
101 | </div> |
---|
102 | |
---|
103 | </form> |
---|
104 | <br> |
---|
105 | <!-- Fin Tab panel --> |
---|
106 | </div> |
---|
107 | </div> |
---|
108 | </div> |
---|
109 | {% endblock contenido %} |
---|
110 | |
---|
111 | |
---|
112 | |
---|