<div class="box box-info" >
    <div class="box-header">
        <!--Titulo de la vista o listado -->
        <h3 class="box-title">Lista de  PersonalPresupuestado</h3>
        <!--Botones con las operaciones que se pueden realizar sobre el listado-->
        <div class="box-tools pull-right">
        {{ boton( 'ver', "verDetalles30Planeador", "verDetalles30Planeador()") }}
        <script type="text/javascript" >
            /**
             * Carga una vista con los detalles de PersonalPresupuestado
             * @returns {HTML} Vista de Detalles
             */
            function verDetalles30Planeador() {
                var seleccion30 = unoSoloSeleccionadoTabla('frm-Planeador-30{{hash_vista}}', "VER DETALLES");
                if (seleccion30.length == 1) {
                    var personalPresupuestadoID =  seleccion30[0].value;
                        cargarVista(
                            'planeador', '30', 'verDetalles', 
                            'personalPresupuestadoID=' + personalPresupuestadoID
                        );
                 }else{
                     if( seleccionados.length == 0 ){
                         alertaInformacion("Debes seleccionar un registro para EDITAR los datos del registro.");
                     }else{
                         alertaPrevencion("Debes seleccionar SOLO UN registro para EDITAR SUS DATOS.");
                     }
                }
            }
        </script>
            
        <script type="text/javascript" >
        </script>
        {{ boton( 'tabla', "mostrarTodos30Planeador", "cargarTabla30Planeador()") }}
        <script type="text/javascript" >
            /**
             * Solcita la vista de tabla y la carga en una division (DIV)
             * con identificador div-tbl-30.
             * @returns {HTML} Vista Solicitada
             */
            function cargarTabla30Planeador() {
                cargarDivisionSicam('div-tbl-Planeador-30', 'planeador', '30', 'tablaListado');
            }
        </script>
        {{ boton( 'nuevo', "nuevo30Planeador") }}
        <script type="text/javascript" >
        </script>
        {{ boton( 'editar', "editar30Planeador", "mostrarFormularioEditar30Planeador()") }}
        <script type="text/javascript" >
            /**
             * Verifica que se haya seleccionado solo un registro, y abre un vista con 
             * un formulario que permite ver y editar todos los datos de un PersonalPresupuestado
             * @returns {HTML} Formulario de Datos para PersonalPresupuestado
             */
            function mostrarFormularioEditar30Planeador() {
                var seleccion30 = unoSoloSeleccionadoTabla('frm-Planeador-30', "EDITAR");
                if (seleccion30.length == 1) {
                    var personalPresupuestadoID =  seleccion30[0].value;
                     cargarVista(
                            'planeador', '30', 'mostrarFormularioEditar',
                            'personalPresupuestadoID=' + personalPresupuestadoID
                            );
                 }else{
                     if( seleccionados.length == 0 ){
                         alertaInformacion("Debes seleccionar un registro para EDITAR los datos del registro.");
                     }else{
                         alertaPrevencion("Debes seleccionar SOLO UN registro para EDITAR SUS DATOS.");
                     }
                }
            }
        
        </script>
        {{ boton( 'eliminar', "eliminar30Planeador", "eliminar30Planeador()") }}
        <script type="text/javascript" >
        
            /**
             * Permite eliminar un registro de la base de datos, despues de confirmar la operacion con el usuario.
             * ESTA OPERACIÓN ES IRREVERSIBLE.
             * @returns {JSON} Respuesta del Sistema
             */
            function eliminar30Planeador() {
                var seleccion30 = unoSoloSeleccionadoTabla('frm-Planeador-30', "ELIMINAR");
                if (seleccion30) {
                    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", "30", "eliminar", $("#frm-Planeador-30").serialize(),
                                        function (respuesta) {
                                            cargarTabla30Planeador();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        {{ boton( 'reactivar', "reactivar30Planeador", "reactivar30Planeador()") }}
        <script type="text/javascript" >
        
            /**
             * Cambia el estado de un PersonalPresupuestado a ACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function reactivar30Planeador() {
                var seleccion30 = unoSoloSeleccionadoTabla('frm-Planeador-30', "RE-ACTIVAR");
                if (seleccion30) {
                    confirmacionOperacion(
                            "¿Seguro que desea RE-ACTIVAR los elementos seleccionados?",
                            "Al re-activar l@s ColaboradoresPresupuestados se mostrarán en la App y en la Web, inmediatamente.",
                            function () {
                                ejecutarOperacion(
                                        "planeador", "30", "reactivar", $("#frm-Planeador-30").serialize(),
                                        function (respuesta) {
                                            cargarTabla30Planeador();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        {{ boton( 'desactivar', "desactivar30Planeador", "desactivar30Planeador()") }}
        <script type="text/javascript" >
            /**
             * Cambia el estado de un PersonalPresupuestado a DESACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function desactivar30Planeador() {
                var seleccion30 = unoSoloSeleccionadoTabla('frm-Planeador-30', "DESACTIVAR");
                if (seleccion30) {
                    confirmacionOperacion(
                            "¿Seguro que desea DESACTIVAR los elementos seleccionados?",
                            "Al descativar l@s ColaboradoresPresupuestados ya no se mostrarán en la App, ni en la Web.",
                            function () {
                                ejecutarOperacion(
                                        "planeador", "30", "desactivar", $("#frm-Planeador-30").serialize(),
                                        function (respuesta) {
                                            cargarTabla30Planeador();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        </div>
    </div>
    <!--Formulario que me permite acceder a los check seleccinoados-->
    <form id="frm-Planeador-30{{hash_vista}}">
        <div class="box-body" >
            <!--Divisón donde cargará la forma de presnetar el listado. Aqui es una tabla.-->
            <div id="div-tbl-Planeador-30" ></div>
        </div>
    </form>
</div>
<script type="text/javascript" >
    /**
     * Carga inicial de plugins y funciones
     */
    $(document).ready(function () {
        cargarTabla30Planeador();
    });
</script>

<!-- Generado el 2017-11-19 10:21:53:000000 -->

