<table id="tablaOperaciones-{{ 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>
            <th>Tipo de Operación</th>
            <th>Clase de Operación</th>
            <th>Centro de Costos</th>
            <th>Rubro</th>
        </tr>
    </thead>
    <tbody>
        {% for operacionP in operacionesPredefinidas  %}
        <tr>
            <td><input type="checkbox" id="checkb{{ operacionP.operacionPredefinidaID }}" name="checkb[]" value="{{ operacionP.operacionPredefinidaID }}" class="check checkOperaciones"></td>
            <td>{{ operacionP.operacionPredefinidaCODIGO }}</td>
            <td>{{ operacionP.operacionPredefinidaTITULO }}</td>
            <td>{{ operacionP.operacionPredefinidaDESCRIPCION|striptags }}</td>
            <td>{{ operacionP.tipoOperacionTITULO }}</td>
            <td>{{ operacionP.claseOperacionTITULO }}</td>
            <td>{{ operacionP.centroCostosTITULO }}</td>
            <td>{{ operacionP.rubroTITULO }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

<script type="text/javascript">

    $(document).ready(function () {
            crearTablaScrollVertical('tablaOperaciones-{{ hash_vista }}', '410');
    });
    
     $(document).ready( function(){
       checkBoxSICAM('.checkOperaciones'); 
    });  
    
    function editar_operacion() {
        var seleccionados = checkSelecionados('tablaOperaciones-{{ hash_vista }}');
         validacionCheckbox(seleccionados, function (){
            var json = JSON.stringify(seleccionados);
            json = JSON.parse(json);
            var OperacionPredefinidaID = json[0]['value'];
            cargarVista('planeador','OperacionesPredefinidas','mostrarFormularioEditar','OperacionPredefinidaID='+OperacionPredefinidaID);
        }, true);
    }
    
    function ver_operacion() {
        var seleccionados = checkSelecionados('tablaOperaciones-{{ hash_vista }}');
         validacionCheckbox(seleccionados, function (){
            var json = JSON.stringify(seleccionados);
            json = JSON.parse(json);
            var OperacionPredefinidaID = json[0]['value'];
            cargarVista('planeador','OperacionesPredefinidas','verDetalles','OperacionPredefinidaID='+OperacionPredefinidaID);
        }, true);
    }
    
    function eliminar_operacion() {
        var seleccionados = checkSelecionados('tablaOperaciones-{{ 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','OperacionesPredefinidas', 'eliminar',$('#formOperacionesPre').serialize());
                    cargarTablaOperaciones();
                  }
                });
            
        }, false);
    }
    
    
</script>