Conjunto 8837872 en sapic


Ignorar:
Fecha y hora:
13/09/2018 10:28:09 (hace 6 años)
Autor:
Manuel Zambrano <manuelzg@…>
Branches:
master
Children:
1c21737
Parents:
39b8a44
Mensaje:

Removido el boton de editar respuestas

Se cambio el boton de editar en las tablas de encuesta, ahora se debe
hacer click sobre la respuesta que se quiere editar directamente para
delplegar el modal, la definicion del dataTable se movio desde los
templates al archivo funciones.js de static

dar mas espacio al contenidos de las tablas para mostar, y reducir la
cantidad de codigo repetido en los templates

Ficheros:
4 editados

Leyenda

No modificado
Añadido
Eliminado

  • explicacion_situacional/templates/caracterizacion.politica.html

    r39b8a44 r8837872  
    99  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Select/css/select.dataTables.min.css" %}">
    1010  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Responsive/css/responsive.dataTables.min.css" %}">
    11   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
    1211{% endblock extracss %}
    1312{% block extrajs %}
    … …  
    1716  <script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.jqueryui.js" %}"></script>
    1817  <script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.html5.min.js" %}"></script>
    19 
    20 <script type="text/javascript">
    21   function abrir_modal(url)
    22   {
    23     $('#popup').load(url, function()
    24     {
    25       $(this).modal('show');
    26     });
    27     return false;
    28   }
    29 
    30   function cerrar_modal()
    31   {
    32     $('#popup').modal('hide');
    33     return false;
    34   }
    35 
    36 
    37   $(function() {
    38     var table = $('#tabla-participacion').DataTable({
    39       "columnDefs": [
    40         { width: '20%', targets: 2 },
    41       ],
    42       initComplete: function () {
    43             this.api().columns([2]).every( function () {
    44                 var column = this;
    45                 var select = $('#select_filter')
    46                     .on( 'change', function () {
    47                         var val = $.fn.dataTable.util.escapeRegex(
    48                             $(this).val()
    49                         );
    50  
    51                         column
    52                             .search( val ? '^'+val+'$' : '', true, false )
    53                             .draw();
    54                     } );
    55  
    56                 column.data().unique().sort().each( function ( d, j ) {
    57                     select.append( '<option value="'+d+'">'+d+'</option>' )
    58                 } );
    59             } );
    60         },
    61       "language": {
    62         url: "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
    63       },
    64       "lengthMenu": [ [10, 50, 100, -1], [10, 50, 100, "Todo"] ],
    65      
    66      
    67       "scrollX": true,
    68       "fixedColumns": true ,
    69       "dom": 'lfrtBSip',
    70       "buttons": ['copy', 'csv', 'print']
    71     });
    72   });
    73 
    74 </script>
     18  <script src="{% static "js/funciones.js" %}"></script>
    7519{% endblock extrajs %}
    76 
    77 
    7820{% block contenido_principal %}
    7921    <div class="col-xs-12">
    … …  
    9032                  <thead>
    9133                      <tr>
    92                           <th>Pregunta</th>
    93                           <th>Respuesta</th>
    94                           <th>Consulta</th>
    95                           <th>Accion</th>
     34                          <th class="politica0">Pregunta</th>
     35                          <th class="politica1">Respuesta</th>
     36                          <th class="politica2">Consulta</th>
    9637                      </tr>
    9738                  </thead>
    … …  
    10142                          <tr>
    10243                              <td>{{ respuesta.pregunta }}</td>
    103                               <td>Si</td> 
    104                               <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:"Información sobre la " | cut:"información sobre las " | cut:"Información sobre " | title}}</td>                       
    105                               <td><a class="btn" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')"><i class="glyphicon glyphicon-edit"></i></a></td>
     44                              <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">Si</td> 
     45                              <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:"Información sobre la " | cut:"información sobre las " | cut:"Información sobre " | title}}</td>
    10646                          </tr>
    10747                        {% else %}
    … …  
    11050                            {% for justificacion in abierta  %}
    11151                              {% if justificacion.es_justificacion and justificacion.pregunta.pk == respuesta.pregunta.pk %}
    112                                 <td>No,{{justificacion.texto_respuesta}} </td> 
     52                                <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">No,{{justificacion.texto_respuesta}} </td> 
    11353                              {% endif %}
    11454                            {% endfor %}
    11555                            <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:"Información sobre la " | cut:"información sobre las " | cut:"Información sobre " | title}}</td>
    116                             <td><a class="btn" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')" ><i class="glyphicon glyphicon-edit"></i></a></td>
    11756                          </tr>
    11857                        {% endif %}
    … …  
    12362                      <tr>
    12463                          <td>{{ respuesta.opcion.pregunta }}</td>
    125                           <td>{{ respuesta.opcion }}</td>
    126                           <td>{{ respuesta.opcion.pregunta.consulta.nombre_consulta | cut:"Información sobre la " | cut:"información sobre las " | cut:"Información sobre " | title}}</td>
    127                           <td><a class="btn" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.opcion.pregunta.tipo_pregunta.pk respuesta.pk %}')"><i class="glyphicon glyphicon-edit"></i></a></td> 
     64                          <td 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:"Información sobre la " | cut:"información sobre las " | cut:"Información sobre " | title}}</td> 
    12866                      </tr>
    12967                      {% endfor %}
    … …  
    13371                          <tr>
    13472                            <td>{{ respuesta.pregunta }}</td>
    135                             <td>{{ respuesta.texto_respuesta }}</td>
     73                            <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">{{ respuesta.texto_respuesta }}</td>
    13674                            <td>{{ respuesta.pregunta.consulta.nombre_consulta | cut:"Información sobre la " | cut:"información sobre las " | cut:"Información sobre " | title}}</td>
    137                           <td><a class="btn" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')"><i class="glyphicon glyphicon-edit"></i></a></td>
    13875                          </tr>     
    13976                          {% endif %}
    … …  
    14481                          <td>{{ respuesta.pregunta }}</td>
    14582                          <td>{{ respuesta.coordenadas }}</td>
    146                           <td>{{ respuesta.pregunta.consulta.nombre_consulta }}</td>
    147                           <td><a class="btn" href="#"><i class="icon"></i></a></td>         
     83                          <td>{{ respuesta.pregunta.consulta.nombre_consulta }}</td>       
    14884                      </tr>
    14985                      {% endfor %}

  • explicacion_situacional/templates/caracterizacion.social.html

    rc7b7e3b r8837872  
    88  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Select/css/select.dataTables.min.css" %}">
    99  <link rel="stylesheet" type="text/css" href="{% static "DataTables/extensions/Responsive/css/responsive.dataTables.min.css" %}">
    10   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
    1110{% endblock extracss %}
    1211{% block extrajs %}
    … …  
    1615  <script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.jqueryui.js" %}"></script>
    1716  <script type="text/javascript" language="javascript" src="{% static "DataTables/extensions/Buttons/js/buttons.html5.min.js" %}"></script>
    18  
    19  
    20 
    21 <script type="text/javascript">
    22   function abrir_modal(url)
    23   {
    24     $('#popup').load(url, function()
    25     {
    26       $(this).modal('show');
    27     });
    28     return false;
    29   }
    30 
    31   function cerrar_modal()
    32   {
    33     $('#popup').modal('hide');
    34     return false;
    35   }
    36 
    37 
    38   $(function() {
    39     var table = $('#tabla-participacion').DataTable({
    40       "columnDefs": [
    41         { width: '50%', targets: 0 },
    42         { width: '35%', targets: 1 },
    43       ],
    44       initComplete: function () {
    45             this.api().columns([2]).every( function () {
    46                 var column = this;
    47                 var select = $('#select_filter')
    48                     .on( 'change', function () {
    49                         var val = $.fn.dataTable.util.escapeRegex(
    50                             $(this).val()
    51                         );
    52  
    53                         column
    54                             .search( val ? '^'+val+'$' : '', true, false )
    55                             .draw();
    56                     } );
    57  
    58                 column.data().unique().sort().each( function ( d, j ) {
    59                     select.append( '<option value="'+d+'">'+d+'</option>' )
    60                 } );
    61             } );
    62         },
    63       "language": {
    64         url: "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
    65       },
    66       "lengthMenu": [ [10, 50, 100, -1], [10, 50, 100, "Todo"] ],
    67      
    68      
    69       "scrollX": true,
    70       "fixedColumns": true ,
    71       "dom": 'lfrtBSip',
    72       "buttons": ['copy', 'csv', 'print']
    73     });
    74   });
    75 
    76 </script>
     17  <script src="{% static 'js/funciones.js' %}"></script>
    7718{% endblock extrajs %}
    7819{% block contenido_principal %}
    … …  
    9031                  <thead>
    9132                      <tr>
    92                           <th>Pregunta</th>
    93                           <th>Respuesta</th>
    94                           <th>Consulta</th>
    95                           <th>Accion</th>
     33                          <th class="social0">Pregunta</th>
     34                          <th class="social1">Respuesta</th>
     35                          <th class="social2">Consulta</th>
    9636                      </tr>
    9737                  </thead>
    … …  
    10141                          <tr>
    10242                              <td>{{ respuesta.pregunta }}</td>
    103                               <td>Si</td> 
     43                              <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">Si</td> 
    10444                              <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>                       
    105                               <td><a class="btn" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')"><i class="glyphicon glyphicon-edit"></i></a></td>
    10645                          </tr>
    10746                        {% else %}
    … …  
    11049                            {% for justificacion in abierta  %}
    11150                              {% if justificacion.es_justificacion and justificacion.pregunta.pk == respuesta.pregunta.pk %}
    112                                 <td>No,{{justificacion.texto_respuesta}} </td> 
     51                                <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">No,{{justificacion.texto_respuesta}} </td> 
    11352                              {% endif %}
    11453                            {% endfor %}
    11554                            <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>
    116                             <td><a class="btn" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')" ><i class="glyphicon glyphicon-edit"></i></a></td>
    11755                          </tr>
    11856                        {% endif %}
    119                          
    12057                      {% endfor %}
    121 
    12258                      {% for respuesta in opciones %}
    12359                      <tr>
    12460                          <td>{{ respuesta.opcion.pregunta }}</td>
    125                           <td>{{ respuesta.opcion }}</td>
     61                          <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.opcion.pregunta.tipo_pregunta.pk respuesta.pk %}')">{{ respuesta.opcion }}</td>
    12662                          <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>
    127                           <td><a class="btn" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.opcion.pregunta.tipo_pregunta.pk respuesta.pk %}')"><i class="glyphicon glyphicon-edit"></i></a></td> 
    12863                      </tr>
    12964                      {% endfor %}
    13065                      {% for respuesta in abierta %}
    131                      
    13266                          {% if not respuesta.es_justificacion %}
    13367                          <tr>
    13468                            <td>{{ respuesta.pregunta }}</td>
    135                             <td>{{ respuesta.texto_respuesta }}</td>
     69                            <td onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')">{{ respuesta.texto_respuesta }}</td>
    13670                            <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>
    137                           <td><a class="btn" onclick="return abrir_modal('{% url 'explicacion:modificar_respuesta_' respuesta.pregunta.tipo_pregunta.pk respuesta.pk %}')"><i class="glyphicon glyphicon-edit"></i></a></td>
    13871                          </tr>     
    139                           {% endif %}
    140                      
     72                          {% endif %}
    14173                      {% endfor %}
    14274                      {% for respuesta in ubicacion %}
    … …  
    14880                      </tr>
    14981                      {% endfor %}
    150                   </tbody>
    151                  
     82                  </tbody>
    15283              </table>
    15384            {% endif %}
    … …  
    16091                    <div class="inner">
    16192                      <h3 title="titulo-estado-agua">Estado del Servicio de Agua </h3>
    162 
    16393                      <p align="justify">En este sub-módulo podrá registrar, consultar y modificar la situación de aguas blancas y aguas negras. </p>
    16494                    </div>
    … …  
    178108                    <div class="inner">
    179109                      <h3 title="titulo-estado-electricidad">Estado del Servicio de Electricidad y Gas </h3>
    180 
    181110                      <p align="justify">En este sub-módulo podrá registrar, consultar y modificar la situación de la electricidad y el gas. </p>
    182111                    </div>
    … …  
    196125                    <div class="inner">
    197126                      <h3 title="titulo-estado-infraestructura">Estado de la Infraestructura Vial </h3>
    198 
    199127                      <p align="justify">En este sub-módulo podrá registrar, consultar y modificar la situación de la vialidad. </p>
    200128                    </div>
    … …  
    214142                    <div class="inner">
    215143                      <h3 title="titulo-estado-saneamiento">Estado de los Servicios Ambientales </h3>
    216 
    217144                      <p align="justify">En este sub-módulo podrá registrar, consultar y modificar la situación ambiental. </p>
    218145                    </div>
    … …  
    232159                    <div class="inner">
    233160                      <h3 title="titulo-estado-salud">Estado de los Servicios de Salud </h3>
    234 
    235161                      <p align="justify">En este sub-módulo podrá registrar, consultar y modificar las situaciones de salud social. </p>
    236162                    </div>

  • explicacion_situacional/templates/modificar.respuesta.html

    rc7b7e3b r8837872  
     1{% block extracss %}
     2{% load staticfiles %}
     3<link type="text/css" rel="stylesheet" href="{% static 'jquery-entropizer-master/dist/css/jquery-entropizer.min.css' %}" />
     4<link href="{% static 'bootstrap-3/css/bootstrap-toggle.min.css'%}" rel="stylesheet">
     5{% endblock extracss %}
     6{% block extrajs %}
     7<script src="{% static 'bootstrap-3/js/bootstrap-toggle.min.js'%}"></script>
     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 %}
    112<div class="modal-dialog modal-lg">
    213  <div class="modal-content">
    … …  
    1425        <div class="panel panel-default">
    1526          <div class="panel-body" style="text-align: center;">
    16 
    1727            <div class="row"><label>Respuesta</label></div>
    1828            {{ formulario.respuesta}}
    … …  
    2434              {{ formulario.justificacion }}
    2535              </div>
    26              
    2736            </div>
    2837            {% endif %}
    … …  
    4150  </div>
    4251</div>
    43 
    44 
    4552<script type="text/javascript">
    4653  $(function(){
    … …  
    6168      }
    6269     });
    63   });   
    64 
     70  });
    6571function validacion() {
    6672  var select = document.getElementById('id_respuesta');

  • static/js/funciones.js

    rc609db6 r8837872  
    127127    }
    128128}
     129
     130/**
     131 * Función para abrir el modal de moficicar las respuestas
     132**/
     133
     134function abrir_modal(url)
     135  {
     136    $('#popup').load(url, function()
     137    {
     138      $(this).modal('show');
     139    });
     140    return false;
     141  }
     142
     143  /**
     144 * Función para cerrar el modal de moficicar las respuestas
     145**/
     146
     147  function cerrar_modal()
     148  {
     149    $('#popup').modal('hide');
     150    return false;
     151  }
     152
     153  /**
     154 * Función que crea la tabla DataTable con las respuestas a las encuestas
     155 *
     156**/
     157   $(document).ready(function() {
     158    var table = $('#tabla-participacion').DataTable({
     159      "columnDefs": [
     160        { width: '40%', targets: 'social0' },
     161        { width: '50%', targets: 'social1' },
     162        { width: '20%', targets: 'politica2' },
     163      ],
     164      initComplete: function () {
     165            this.api().columns([2]).every( function () {
     166                var column = this;
     167                var select = $('#select_filter')
     168                    .on( 'change', function () {
     169                        var val = $.fn.dataTable.util.escapeRegex(
     170                            $(this).val()
     171                        );
     172 
     173                        column
     174                            .search( val ? '^'+val+'$' : '', true, false )
     175                            .draw();
     176                    } );
     177 
     178                column.data().unique().sort().each( function ( d, j ) {
     179                    select.append( '<option value="'+d+'">'+d+'</option>' )
     180                } );
     181            } );
     182        },
     183      "language": {
     184        url: "/static/DataTables/media/js/Spanish.json"
     185      },
     186      "lengthMenu": [ [10, 50, 100, -1], [10, 50, 100, "Todo"] ],
     187     
     188     
     189      "scrollX": true,
     190      "fixedColumns": true ,
     191      "dom": 'lfrtBSip',
     192      "buttons": ['copy', 'csv', 'print']
     193    });
     194  });
     195
     196
     197
     198 
     199
     200
Nota: Vea TracChangeset para ayuda en el uso del visor de conjuntos de cambios.