source: sapic/explicacion_situacional/templates/caracterizacion.social.html @ 61114b7

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

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