<table id="tablaActividades-{{ hash_vista }}" class="table table-striped table-bordered" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th></th>
            <th>Código</th>
            <th>Título</th>
            <th>Descripción</th>
        </tr>
    </thead>
    <tbody>
        {% for actividadP in ActividadesPreconfiguradas  %}
        <tr>
            <td><input class="checkTable checkActividades" type="checkbox" id="checkb{{ actividadP.tipoActividadID }}" name="checkb[]" value="{{ actividadP.tipoActividadID }}"></td>
            <td>{{ actividadP.tipoActividadCODIGO }}</td>
            <td>{{ actividadP.tipoActividadTITULO }}</td>
            <td>{{ actividadP.tipoActividadDESCRIPCION|striptags }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

<script type="text/javascript">

    $(document).ready(function () {
            $('#tablaActividades-{{ hash_vista }}').DataTable();
    });
    
     $(document).ready( function(){
       checkBoxSICAM('.checkActividades'); 
    });  
    
    function editar_actividad() {
        var seleccionados = checkSelecionados('tablaActividades-{{ hash_vista }}');
         validacionCheckbox(seleccionados, function (){
            var json = JSON.stringify(seleccionados);
            json = JSON.parse(json);
            var idActividad = json[0]['value'];
            cargarVista('planeador',
                        'ActividadesPreconfiguradas',
                        'mostrarFormularioEditar',
                        'tipoActividadID='+idActividad,
                        'Editar Actividad Preconfigurada '+idActividad, 
                        'crearOperacionesPredefinidas');
        }, true);
    }
    
    function ver_actividadPreconfigurada() {
        var seleccionados = checkSelecionados('tablaActividades-{{ hash_vista }}');
         validacionCheckbox(seleccionados, function (){
            var json = JSON.stringify(seleccionados);
            json = JSON.parse(json);
            var idActividad = json[0]['value'];
            cargarVista('planeador','ActividadesPreconfiguradas','verDetalles','tipoActividadID='+idActividad,'Ver Actividad '+idActividad, 'verMeta');
        }, true);
    }
    
    function eliminar_actividad() {
        var seleccionados = checkSelecionados('tablaActividades-{{ hash_vista }}');
        validacionCheckbox(seleccionados, function (){
            swal({
                  title: "¿Estás Seguro que Deseas Eliminar?",
                  text: "Una vez que elimines no podrás recuperar los datos!",
                  icon: "warning",
                  //buttons: true,
                  buttons: ["Cancelar", "Eliminar"],
                  dangerMode: true,
                })
                .then((willDelete) => {
                  if (willDelete) {
                    ejecutarOperacion('planeador','ActividadesPreconfiguradas', 'eliminar',$('#formActividadesPreconfiguradas').serialize());
                    cargarTablaActividadesPredefinidas();
                  } /*else {
                    swal("Has cancelado la operación de Eliminar!");
                  }*/
                });
            
        }, false);
    }
    
    
</script>