<div class="box box-info" >
    <div class="box-header">
        <h3 class="box-title">Listado de Operaciones Predefinidas</h3>
        <div class="box-tools pull-right">
            {{ boton( 'tabla', null, "cargarTablaOperacionesPredefinidasPlaneador();") }}
            {{ boton('Nuevo',"crearOperacionesPredefinidas") }}
            {{ boton('Editar',editarOperacion,"editarOperacion()") }}
            {{ boton('Eliminar',null, "eliminarOperacion()" ) }}
        </div>
    </div>
    <form method="post" id="formOperacionesPre-{{hash_vista}}" onsubmit="return false;" name="formOperacionesPre">
        <div class="box-body">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                  <li class="active"><a href="#tab_1" data-toggle="tab">Adquisiciones</a></li>
                  <li><a href="#tab_2" data-toggle="tab">Tareas</a></li>
                </ul>
                <div class="tab-content">
                  <div class="tab-pane active" id="tab_1">
                    <div id="div-tableOperaciones-adquisiciones-{{hash_vista}}"></div>
                  </div>
                  <!-- /.tab-pane -->
                  <div class="tab-pane" id="tab_2">
                      <div id="div-tableOperaciones-tareas-{{hash_vista}}"></div>
                  </div>
                </div>
              </div>
        </div>
    </form>
</div>    

<script type="text/javascript">
    $(document).ready(function () { 
        cargarTablaOperacionesPredefinidasPlaneador();
    });
    
    function cargarTablaOperacionesPredefinidasPlaneador(){
        cargarTablaAdquisiciones(); 
        cargarTablaTareas(); 
    }
    
    function cargarTablaAdquisiciones(){
        cargarDivision('div-tableOperaciones-adquisiciones-{{hash_vista}}', 'planeador', 'OperacionesPredefinidas', 'tablaListadoAdquisiciones');
    }
    function cargarTablaTareas(){
        cargarDivision('div-tableOperaciones-tareas-{{hash_vista}}', 'planeador', 'OperacionesPredefinidas', 'tablaListadoTareas');
    }
    
    function editarOperacion() {
        var seleccionados = unoSoloSeleccionadoVariasTablas( 
            ['div-tableOperaciones-adquisiciones-{{hash_vista}} table', 'div-tableOperaciones-tareas-{{hash_vista}} table' ]
            , 'EDITAR LA OPERACION PREDEFINIDA'
        );
        if(seleccionados){
            cargarVista('planeador','OperacionesPredefinidas','mostrarFormularioEditar','OperacionPredefinidaID='+seleccionados.value);
        }
    }
    
    function eliminarOperacion() {
        var seleccionOperacionesPredefinidas = variosSeleccionadosVariasTablas(
             ['div-tableOperaciones-adquisiciones-{{hash_vista}} table', 'div-tableOperaciones-tareas-{{hash_vista}} table' ]
            , "ELIMINAR"
        );
        if (seleccionOperacionesPredefinidas) {
            confirmacionOperacion(
                    "¿Seguro que desea ELIMINAR los elementos seleccionados?",
                    "Esta acción no tiene reversa. Si existe algún otro registro en el sistema que dependa de este, el sistema no permitirá borrarlo.",
                    function () {
                        ejecutarOperacion(
                                "planeador", "OperacionesPredefinidas", "mostrarFormularioEditar", seleccionOperacionesPredefinidas,
                                function (respuesta) {
                                    cargarTablaOperacionesPredefinidasPlaneador();
                                }
                        );
                    }
            );
        }
        
    }
    
    
</script>
