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