source: sapic/explicacion_situacional/templates/caracterizacion.social.html @ 0948a4e

Last change on this file since 0948a4e was 0948a4e, checked in by ltroconis <ltroconis@…>, 6 años ago

iconos e imágenes
  • Propiedad mode establecida a 100644
File size: 20.2 KB
Línea 
1{% extends 'explicacion.situacional.html' %}
2{% load staticfiles %}
3{% block titulo %}_-=SAPIC-Caracterización Social=-_{% endblock titulo %}
4{% block extracss %}
5  <link rel="stylesheet" type="text/css" href="{% static "DataTables/media/css/jquery.dataTables.min.css" %}">
6  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Buttons/css/buttons.dataTables.min.css" %}">
7  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Select/css/select.dataTables.min.css" %}">
8  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Responsive/css/responsive.dataTables.min.css" %}">
9{% endblock extracss %}
10{% block extrajs %}
11  <script type="text/javascript" language="javascript" src="{% static "DataTables/media/js/jquery.dataTables.min.js" %}"></script>
12  <script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/dataTables.buttons.min.js" %}"></script>
13  <script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.print.min.js" %}"></script>
14  <script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.jqueryui.js" %}"></script>
15  <script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.html5.min.js" %}"></script>
16  <script src="{% static 'js/funciones.js' %}"></script>
17{% endblock extrajs %}
18{% block contenido_principal %}
19    <div class="col-xs-12">
20        <div class="panel-sapic">
21          <section class="content-header">
22              <h2 class="text-center">Caracterización Social</h2>
23                <p class="text-center">
24                     En este submodulo se registra información sobre la calidad, cobertura y acceso a los servicios públicos de la comunidad
25                </p>
26           <br>
27           <center>
28              <img  class="img-responsive" src="{% static 'media/img/caracterizacion_SituacionSocial_PrestacionServiciosPublicos_Comunidad.png' %}">
29            </center><br><br>
30          </section>
31            {% if consultas %}
32            <select id="select_filter" style="color:#000"><option value="">Consulta</option></select>
33              <table id="tabla-participacion" class="display ">
34                  <thead>
35                      <tr>
36                          <th class="social0">Pregunta</th>
37                          <th class="social1">Respuesta</th>
38                          <th class="social2">Consulta</th>
39                      </tr>
40                  </thead>
41                  <tbody>
42                      {% for respuesta in si_no %}
43                        {% if respuesta.respuesta %}
44                          <tr>
45                              <td>{{ respuesta.pregunta }}</td>
46                              <td role="button" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">Si</td>
47                              <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:" de mi comunidad" | cut:"Calidad del servicio de " | cut:"Calidad de servicios de " | cut:"Calidad de servicios " | cut:"Calidad de los servicios asociados a " | cut:"en " | cut:"relacionados a " | title}}</td>
48                          </tr>
49                        {% else %}
50                          <tr>
51                            <td> {{respuesta.pregunta}} </td>
52                            {% for justificacion in abierta  %}
53                              {% if justificacion.es_justificacion and justificacion.pregunta.pk == respuesta.pregunta.pk %}
54                                <td role="button" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">No,{{justificacion.texto_respuesta}} </td>
55                              {% endif %}
56                            {% endfor %}
57                            <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:" de mi comunidad" | cut:"Calidad del servicio de " | cut:"Calidad de servicios de " | cut:"Calidad de servicios " | cut:"Calidad de los servicios asociados a " | cut:"en " | cut:"relacionados a " | title}}</td>
58                          </tr>
59                        {% endif %}
60                      {% endfor %}
61                      {% for respuesta in opciones %}
62                      <tr>
63                          <td>{{ respuesta.opcion.pregunta }}</td>
64                          <td role="button" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.opcion.pregunta.tipo_pregunta.pk respuesta.pk %}')">{{ respuesta.opcion }}</td>
65                          <td>{{ respuesta.opcion.pregunta.consulta.nombre_consulta | cut:" de mi comunidad" | cut:"Calidad del servicio de " | cut:"Calidad de servicios de " | cut:"Calidad de servicios " | cut:"Calidad de los servicios asociados a " | cut:"en " | cut:"relacionados a " | title}}</td>
66                      </tr>
67                      {% endfor %}
68                      {% for respuesta in abierta %}
69                          {% if not respuesta.es_justificacion %}
70                          <tr>
71                            <td>{{ respuesta.pregunta }}</td>
72                            <td role="button" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">{{ respuesta.texto_respuesta }}</td>
73                            <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:" de mi comunidad" | cut:"Calidad del servicio de " | cut:"Calidad de servicios de " | cut:"Calidad de servicios " | cut:"Calidad de los servicios asociados a " | cut:"en " | cut:"relacionados a " | title}}</td>
74                          </tr>
75                          {% endif %}
76                      {% endfor %}
77                      {% for respuesta in ubicacion %}
78                      <tr>
79                          <td>{{ respuesta.pregunta }}</td>
80                          <td>{{ respuesta.coordenadas }}</td>
81                          <td>{{ respuesta.pregunta.consulta.nombre_consulta }}</td>
82                      </tr>
83                      {% endfor %}
84                  </tbody>
85              </table>
86            {% endif %}
87            <div id="popup" class="modal fade" role="dialog"></div>
88            {% if not 3 in consultas %}
89            <section class="content">
90                <div class="col-lg-12 col-xs-12">
91                  <!-- small box -->
92                  <div class="small-box bg-aqua">
93                    <div class="inner">
94                      <h3 title="titulo-estado-agua">Estado del Servicio de Agua </h3>
95                      <p align="justify">Registrar la información sobre la situación de aguas blancas y aguas negras. </p>
96                    </div>
97                    <div class="icon">
98                      <i class="ion ion-cloud"></i>
99                    </div>
100                    <a href="{% url 'explicacion:servicio_agua' 3 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
101                  </div>
102                </div>
103            </section>
104            {% endif %}
105            {% if not 4 in consultas %}
106            <section class="content">
107                <div class="col-lg-12 col-xs-12">
108                  <!-- small box -->
109                  <div class="small-box bg-aqua">
110                    <div class="inner">
111                      <h3 title="titulo-estado-electricidad">Estado del Servicio de Electricidad y Gas </h3>
112                      <p align="justify">Registrar la información sobre la situación eléctrica y de gas. </p>
113                    </div>
114                    <div class="icon">
115                      <i class="ion ion-cloud"></i>
116                    </div>
117                    <a href="{% url 'explicacion:servicio_electricidad' 4 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
118                  </div>
119                </div>
120            </section>
121            {% endif %}
122            {% if not 5 in consultas %}
123            <section class="content">
124                <div class="col-lg-12 col-xs-12">
125                  <!-- small box -->
126                  <div class="small-box bg-aqua">
127                    <div class="inner">
128                      <h3 title="titulo-estado-infraestructura">Estado de la Infraestructura Vial </h3>
129                      <p align="justify">Registrar la información sobre la infraestructura vial. </p>
130                    </div>
131                    <div class="icon">
132                      <i class="ion ion-cloud"></i>
133                    </div>
134                    <a href="{% url 'explicacion:servicio_infraestructura' 5 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
135                  </div>
136                </div>
137            </section>
138            {% endif %}
139            {% if not 6 in consultas %}
140            <section class="content">
141                <div class="col-lg-12 col-xs-12">
142                  <!-- small box -->
143                  <div class="small-box bg-aqua">
144                    <div class="inner">
145                      <h3 title="titulo-estado-saneamiento">Estado de los Servicios Ambientales </h3>
146                      <p align="justify">Registrar la información sobre la situación ambiental. </p>
147                    </div>
148                    <div class="icon">
149                      <i class="ion ion-cloud"></i>
150                    </div>
151                    <a href="{% url 'explicacion:servicio_saneamiento' 6 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
152                  </div>
153                </div>
154            </section>
155            {% endif %}
156            {% if not 7 in consultas %}
157            <section class="content">
158                <div class="col-lg-12 col-xs-12">
159                  <!-- small box -->
160                  <div class="small-box bg-aqua">
161                    <div class="inner">
162                      <h3 title="titulo-estado-salud">Estado de los Servicios de Salud </h3>
163                      <p align="justify">Registrar la información sobre las situaciones de salud social. </p>
164                    </div>
165                    <div class="icon">
166                      <i class="ion ion-cloud"></i>
167                    </div>
168                    <a href="{% url 'explicacion:servicio_salud' 7 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
169                  </div>
170                </div>
171            </section>
172            {% endif %}
173            {% if not 8 in consultas %}
174            <section class="content">
175                <div class="col-lg-12 col-xs-12">
176                  <!-- small box -->
177                  <div class="small-box bg-aqua">
178                    <div class="inner">
179                      <h3 title="titulo-estado-educativo">Estado de los Servicios Educativos </h3>
180
181                      <p align="justify">Registrar la información sobre la situación educativa. </p>
182                    </div>
183                    <div class="icon">
184                      <i class="ion ion-cloud"></i>
185                    </div>
186                    <a href="{% url 'explicacion:servicio_educativo' 8 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
187                  </div>
188                </div>
189            </section>
190            {% endif %}
191            {% if not 9 in consultas %}
192            <section class="content">
193                <div class="col-lg-12 col-xs-12">
194                  <!-- small box -->
195                  <div class="small-box bg-aqua">
196                    <div class="inner">
197                      <h3 title="titulo-estado-recreativo">Estado de los Servicios Recreativos </h3>
198
199                      <p align="justify">Registrar la información sobre la situación de recreación. </p>
200                    </div>
201                    <div class="icon">
202                      <i class="ion ion-cloud"></i>
203                    </div>
204                    <a href="{% url 'explicacion:servicio_recreativo' 9 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
205                  </div>
206                </div>
207            </section>
208            {% endif %}
209            {% if not 10 in consultas %}
210            <section class="content">
211                <div class="col-lg-12 col-xs-12">
212                  <!-- small box -->
213                  <div class="small-box bg-aqua">
214                    <div class="inner">
215                      <h3 title="titulo-estado-deportivo">Estado de los Servicios Deportivos </h3>
216
217                      <p align="justify">Registrar la información sobre la situación deportiva. </p>
218                    </div>
219                    <div class="icon">
220                      <i class="ion ion-cloud"></i>
221                    </div>
222                    <a href="{% url 'explicacion:servicio_deportivo' 10 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
223                  </div>
224                </div>
225            </section>
226            {% endif %}
227            {% if not 11 in consultas %}
228            <section class="content">
229                <div class="col-lg-12 col-xs-12">
230                  <!-- small box -->
231                  <div class="small-box bg-aqua">
232                    <div class="inner">
233                      <h3 title="titulo-estado-cultura">Estado de las Actividades Culturales </h3>
234
235                      <p align="justify">Registrar la información sobre la situación cultural. </p>
236                    </div>
237                    <div class="icon">
238                      <i class="ion ion-cloud"></i>
239                    </div>
240                    <a href="{% url 'explicacion:servicio_cultura' 11 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
241                  </div>
242                </div>
243            </section>
244            {% endif %}
245            {% if not 12 in consultas %}
246            <section class="content">
247                <div class="col-lg-12 col-xs-12">
248                  <!-- small box -->
249                  <div class="small-box bg-aqua">
250                    <div class="inner">
251                      <h3 title="titulo-estado-telecomunicacion">Estado de las Telecomunicaciones </h3>
252
253                      <p align="justify">Registrar la información sobre la situación de las telecomunicaciones. </p>
254                    </div>
255                    <div class="icon">
256                      <i class="ion ion-cloud"></i>
257                    </div>
258                    <a href="{% url 'explicacion:servicio_telecomunicacion' 12 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
259                  </div>
260                </div>
261            </section>
262            {% endif %}
263            {% if not 13 in consultas %}
264            <section class="content">
265                <div class="col-lg-12 col-xs-12">
266                  <!-- small box -->
267                  <div class="small-box bg-aqua">
268                    <div class="inner">
269                      <h3 title="titulo-estado-comunicacion">Estado de la Comunicación Social/Popular </h3>
270
271                      <p align="justify">Registrar la información sobre la situación de la comunicación social. </p>
272                    </div>
273                    <div class="icon">
274                      <i class="ion ion-cloud"></i>
275                    </div>
276                    <a href="{% url 'explicacion:servicio_comunicacion' 13 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
277                  </div>
278                </div>
279            </section>
280            {% endif %}
281            {% if not 14 in consultas %}
282            <section class="content">
283                <div class="col-lg-12 col-xs-12">
284                  <!-- small box -->
285                  <div class="small-box bg-aqua">
286                    <div class="inner">
287                      <h3 title="titulo-estado-policia">Estado de los Servicios de Atención Policial </h3>
288
289                      <p align="justify">Registrar la información sobre la situación de seguridad social. </p>
290                    </div>
291                    <div class="icon">
292                      <i class="ion ion-cloud"></i>
293                    </div>
294                    <a href="{% url 'explicacion:servicio_policia' 14 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
295                  </div>
296                </div>
297            </section>
298            {% endif %}
299            {% if not 15 in consultas %}
300            <section class="content">
301                <div class="col-lg-12 col-xs-12">
302                  <!-- small box -->
303                  <div class="small-box bg-aqua">
304                    <div class="inner">
305                      <h3 title="titulo-estado-bombero">Estado de los Servicios de Bomberos </h3>
306
307                      <p align="justify">Registrar la información sobre la situación de los cuerpos de bomberos. </p>
308                    </div>
309                    <div class="icon">
310                      <i class="ion ion-cloud"></i>
311                    </div>
312                    <a href="{% url 'explicacion:servicio_bombero' 15 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
313                  </div>
314                </div>
315            </section>
316            {% endif %}
317            {% if not 16 in consultas %}
318            <section class="content">
319                <div class="col-lg-12 col-xs-12">
320                  <!-- small box -->
321                  <div class="small-box bg-aqua">
322                    <div class="inner">
323                      <h3 title="titulo-estado-proteccion">Estado de los Servicios de Protección Civil </h3>
324
325                      <p align="justify">Registrar la información sobre la situación de protección y prevención. </p>
326                    </div>
327                    <div class="icon">
328                      <i class="ion ion-cloud"></i>
329                    </div>
330                    <a href="{% url 'explicacion:servicio_proteccion' 16 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
331                  </div>
332                </div>
333            </section>
334            {% endif %}
335            {% if not 17 in consultas %}
336            <section class="content">
337                <div class="col-lg-12 col-xs-12">
338                  <!-- small box -->
339                  <div class="small-box bg-aqua">
340                    <div class="inner">
341                      <h3 title="titulo-estado-jurisdiccion">Estado de la Atención Jurisdiccional </h3>
342
343                      <p align="justify">Registrar la información sobre la situación de justicia social. </p>
344                    </div>
345                    <div class="icon">
346                      <i class="ion ion-cloud"></i>
347                    </div>
348                    <a href="{% url 'explicacion:servicio_jurisdiccion' 17 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
349                  </div>
350                </div>
351            </section>
352            {% endif %}
353            {% if not 18 in consultas %}
354            <section class="content">
355                <div class="col-lg-12 col-xs-12">
356                  <!-- small box -->
357                  <div class="small-box bg-aqua">
358                    <div class="inner">
359                      <h3 title="titulo-estado-incidente">Estado del Manejo de Incidentes </h3>
360
361                      <p align="justify">Registrar la información sobre la situación de incidentes sociales. </p>
362                    </div>
363                    <div class="icon">
364                      <i class="ion ion-cloud"></i>
365                    </div>
366                    <a href="{% url 'explicacion:servicio_incidente' 18 %}" class="small-box-footer">Ingresar<i class="fa fa-arrow-circle-right"></i></a>
367                  </div>
368                </div>
369            </section>
370            {% endif %}
371        </div>
372    </div>
373{% endblock contenido_principal %}
Nota: Vea TracBrowser para ayuda de uso del navegador del repositorio.