source: sapic/users/templates/users.register.vocero.html @ 830e9d2

erwinexplicacion_situacionalgestion_usuariostaller_django
Last change on this file since 830e9d2 was 3b38b3f, checked in by lhernandez <lhernandez@…>, 7 años ago

Desarrollado e implementado el Registro de Usuarios Voceros asociados a una organizacion social
  • Propiedad mode establecida a 100644
File size: 9.9 KB
Línea 
1{% extends "base.inicio.html" %}
2{% block titulo %}_-=SAPIC-Registrar Vocero=-_{% 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<script type="text/javascript">
14$(document).ready(function ()
15  {
16      $('#organizacion_social, #comites, #municipio, #parroquia').hide()
17      $('#id_estado').change(function(event){
18          var url_mun = "{% url 'utils:obtener_municipios' %}"
19          cargar_municipios($(this).val(), url_mun);
20      })
21
22      $('#id_municipio').change(function(event){
23          var url_parr = "{% url 'utils:obtener_parroquias' %}"
24          cargar_parroquias($(this).val(), url_parr);
25          })
26
27      $('#id_tipo_organizacion').change(function(event){
28          var url_org = "{% url 'organizaciones:obtener_orgs' %}"
29          cargar_organizciones($(this).val(), url_org);
30          })
31
32      $('#id_fk_rol_unidad').change(function(event){
33          var url_rol= "{% url 'utils:obtener_comites' %}"
34          cargar_comites($(this).val(), url_rol);
35          })
36  });
37    </script>
38<script type="text/javascript" src="{% static 'utils/list_ubicacion.js' %}"></script>
39<script type="text/javascript" src="{% static 'organizaciones/list_organizaciones.js' %}"></script>
40{% endblock extrajs %}
41{% block extramessagesFormsErrors %}
42{% if forms.user.errors %}
43<div class="box-body">
44  <div class="alert alert-danger alert-dismissible">
45  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
46  <h4><i class="icon fa fa-ban"></i> Error!</h4>
47  No se pudo continuar con la aplicacion debido a los siguientes errores:<br/>
48  <ul>
49      {% for field in forms.user %}
50          {% if field.errors %}<li>{{ field.errors|striptags }}</li>{% endif %}
51      {% endfor %}
52  </ul>
53  </div>
54  {% elif forms.user_vocero.errors %}
55  <div class="alert alert-danger alert-dismissible">
56  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
57  <h4><i class="icon fa fa-ban"></i> Error!</h4>
58  No se pudo continuar con la aplicacion debido a los siguientes errores:<br/>
59  <ul>
60      {{forms.user_vocero.errors}}
61      {% for field in forms.user_vocero %}
62          {% if field.errors %}<li>{{ field.errors|striptags }}</li>{% endif %}
63      {% endfor %}
64  </ul>
65  </div>
66{% endif %}
67</div>
68{% endblock extramessagesFormsErrors %}
69{% block contenido %}
70<div class="contenido-sapic">
71  <div class="row">
72    <div class="col-xs-12">
73      <div class="panel-sapic">
74        <!-- Inicio Nav tabs -->
75        <ul class="nav nav-tabs" role="tablist">
76          <li role="presentation" class="active" id="cuentas">
77            <a href="#cuenta" aria-controls="cuenta" role="tab" data-toggle="tab">Cuenta de Usuario</a>
78          </li>
79          <li role="presentation" id="perfiles">
80            <a href="#perfil" aria-controls="perfil" role="tab" data-toggle="tab">Perfil de Usuario</a>
81          </li>
82        </ul>
83        <!-- Fin Nav tabs -->
84        <form id="form_register" method="post">
85          {% csrf_token %}
86        <!-- Inicio Tab panes -->
87        <div class="tab-content">
88          <div role="tabpanel" class="tab-pane active" id="cuenta">
89            <h3>Registrar la cuenta de usuario vocero</h3>
90                <div class="form-group has-feedback">
91                  {{ form.email.label }}
92                </div>
93                <div class="form-group has-feedback">
94                  {{ forms.user.email }}
95                  <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
96                </div>
97                <div class="form-group has-feedback">
98                  {{ forms.user.username.label }}
99                </div>
100                <div class="form-group has-feedback">
101                  {{ forms.user.username }}
102                  <span class="glyphicon glyphicon-user form-control-feedback"></span>
103                </div>
104                <div class="panel panel-default">
105                  <div class="panel-body">
106                <div class="form-group has-feedback">
107                  {{ forms.user.password1.label }}
108                </div>
109                <div class="form-group has-feedback">
110                  {{ forms.user.password1 }}
111                  <span class="glyphicon glyphicon-lock form-control-feedback"></span>
112                </div>
113                <div class="form-group has-feedback">
114                  {{ forms.user.password2.label }}
115                </div>
116                <div class="form-group has-feedback">
117                  {{ forms.user.password2 }}
118                  <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
119                </div>
120                <div class="row">
121                  <div class="col-xs-4">
122                    <label> Fortaleza de la contraseña</label>
123                  </div>
124                  <div id="meter" class="col-md-8 col-md-offset-2">
125                   
126                  </div>
127                </div>   
128                  </div>
129                </div>
130               
131                {% if 'Administradores' in request.session.grupos %}
132                  <div class="row">
133                    <div class="col-xs-4">
134                          {{ forms.user.is_active.label}}
135                          {{ forms.user.is_active}}
136                    </div>
137                  </div>
138              {% endif %}
139          </div>
140          <div role="tabpanel" class="tab-pane" id="perfil">
141            <h3>Registrar el Perfil del Usuario Vocero</h3>
142            <div clas="row">
143              <div class="form-group has-feedback">
144                {{ forms.user.first_name.label }}
145              </div>
146              <div class="form-group has-feedback">
147                {{ forms.user.first_name }}
148                <span class="glyphicon glyphicon-user form-control-feedback"></span>
149              </div>
150            </div>
151            <div clas="row">
152              <div class="form-group has-feedback">
153                {{ forms.user.last_name.label }}
154              </div>
155              <div class="form-group has-feedback">
156                {{ forms.user.last_name }}
157                <span class="glyphicon glyphicon-user form-control-feedback"></span>
158              </div>
159            </div>
160            <div class="row">
161              <div class="col-md-1 form-group">
162                {{ forms.user_vocero.fk_tipo_documento.label }}
163              </div>
164              <div class="col-md-5 form-group has-feedback">
165                {{ forms.user_vocero.fk_tipo_documento }}
166              </div>
167              <div class="col-md-1 form-group form-group has-feedback">
168                {{ forms.user_vocero.documento.label }}
169              </div>
170              <div class="col-md-5 form-group has-feedback">
171                {{ forms.user_vocero.documento }}
172              </div>
173            </div>
174            <div class="row">
175              <div class="col-md-1">
176                {{ forms.user_vocero.tipo_organizacion.label }}
177              </div>
178              <div class="col-md-5">
179                {{ forms.user_vocero.tipo_organizacion }}
180              </div>
181              <div id="organizacion_social">
182                <div class="col-md-1">
183                  {{ forms.user_vocero.organizacion.label }}
184                </div>
185                <div class="col-md-5">
186                  {{ forms.user_vocero.organizacion }}
187                </div>
188              </div>
189            </div>
190            <br>
191            <div class="row">
192              <div class="col-md-1">
193                {{ forms.user_vocero.fk_rol_unidad.label }}
194              </div>
195              <div class="col-md-5">
196                {{ forms.user_vocero.fk_rol_unidad }}
197              </div>
198              <div id="comites">
199                <div class="col-md-1">
200                  {{ forms.user_vocero.comite_unidad_ejecutiva.label }}
201                </div>
202                <div class="col-md-5">
203                  {{ forms.user_vocero.comite_unidad_ejecutiva }}
204                </div>
205              </div>
206            </div>
207              <br>
208            <div class="row">
209              <div class="col-xs-4">
210                  {{forms.user_vocero.estado.label}}
211                  {{forms.user_vocero.estado}}
212              </div>
213              <div class="col-xs-4" id="municipio">
214                  {{forms.user_vocero.municipio.label}}
215                  {{forms.user_vocero.municipio}}
216              </div>
217              <div class="col-xs-4" id="parroquia">
218                  {{forms.user_vocero.localidad.label}}
219                  {{forms.user_vocero.localidad}}
220              </div>
221            </div><br>
222            <div class="row">
223              <div class="col-md-4">
224                  {{forms.user_vocero.sector.label}}
225                  {{forms.user_vocero.sector}}
226              </div>
227              <div class="col-md-4">
228                  {{forms.user_vocero.casa_edificio_calle.label}}
229                  {{forms.user_vocero.casa_edificio_calle}}
230              </div>
231              <div class="col-md-4">
232                  {{forms.user_vocero.telefono.label}}
233                  {{forms.user_vocero.telefono}}
234              </div>
235            </div>
236            <br>
237            <button id="submit" type="submit" class="btn btn-danger btn-block btn-flat">Registrar</button>
238          </div>
239          <br>
240        <!-- Fin Tab panel -->
241        </div>
242        </form>
243      </div>
244    </div>
245  </div>
246</div>
247{% endblock contenido %}
248
249
250
Nota: Vea TracBrowser para ayuda de uso del navegador del repositorio.