<div class="box box-info" >
    <div class="box-header">
        <!--Titulo de la vista o listado -->
        <h3 class="box-title">Lista de  usuario</h3>
        <!--Botones con las operaciones que se pueden realizar sobre el listado-->
        <div class="box-tools pull-right">
        {{ boton( 'ver', "verDetallesUsuariosApiActivosUsuarios", "verDetallesUsuariosApiActivosUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Carga una vista con los detalles de usuario
             * @returns {HTML} Vista de Detalles
             */
            function verDetallesUsuariosApiActivosUsuarios() {
                var seleccionUsuariosApi = unoSoloSeleccionadoTabla('frm-Usuarios-UsuariosApi{{hash_vista}}', "VER DETALLES");
                if (seleccionUsuariosApi.length == 1) {
                    var usuarioID =  seleccionUsuariosApi[0].value;
                        cargarVista(
                            'usuarios', 'UsuariosApi', 'verDetalles', 
                            'usuarioID=' + usuarioID
                        );
                 }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', "mostrarTodosUsuariosApiUsuarios", "cargarTablaUsuariosApiActivosUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Solcita la vista de tabla y la carga en una division (DIV)
             * con identificador div-tbl-UsuariosApi.
             * @returns {HTML} Vista Solicitada
             */
            function cargarTablaUsuariosApiActivosUsuarios() {
                cargarDivisionSicam('div-tbl-Usuarios-UsuariosApiActivos', 'usuarios', 'UsuariosApi', 'tablaListadoActivos');
            }
        </script>
        {{ boton( 'nuevo', "nuevoUsuariosApiUsuarios") }}
        <script type="text/javascript" >
        </script>
        {{ boton( 'editar', "editarUsuariosApiUsuarios", "mostrarFormularioEditarUsuariosApiActivosUsuarios()") }}
        <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 usuario
             * @returns {HTML} Formulario de Datos para usuario
             */
            function mostrarFormularioEditarUsuariosApiActivosUsuarios() {
                var seleccionUsuariosApi = unoSoloSeleccionadoTabla('frm-Usuarios-UsuariosApi', "EDITAR");
                if (seleccionUsuariosApi.length == 1) {
                    var usuarioID =  seleccionUsuariosApi[0].value;
                     cargarVista(
                            'usuarios', 'UsuariosApi', 'mostrarFormularioEditar',
                            'usuarioID=' + usuarioID
                            );
                 }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', "eliminarUsuariosApiUsuarios", "eliminarUsuariosApiActivosUsuarios()") }}
        <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 eliminarUsuariosApiActivosUsuarios() {
                var seleccionUsuariosApi = unoSoloSeleccionadoTabla('frm-Usuarios-UsuariosApi', "ELIMINAR");
                if (seleccionUsuariosApi) {
                    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(
                                        "usuarios", "UsuariosApi", "eliminar", $("#frm-Usuarios-UsuariosApi").serialize(),
                                        function (respuesta) {
                                            cargarTablaUsuariosApiUsuarios();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        {{ boton( 'reactivar', "reactivarUsuariosApiUsuarios", "reactivarUsuariosApiActivosUsuarios()") }}
        <script type="text/javascript" >
        
            /**
             * Cambia el estado de un usuario a ACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function reactivarUsuariosApiActivosUsuarios() {
                var seleccionUsuariosApi = unoSoloSeleccionadoTabla('frm-Usuarios-UsuariosApi', "RE-ACTIVAR");
                if (seleccionUsuariosApi) {
                    confirmacionOperacion(
                            "¿Seguro que desea RE-ACTIVAR los elementos seleccionados?",
                            "Al re-activar l@s usuarios se mostrarán en la App y en la Web, inmediatamente.",
                            function () {
                                ejecutarOperacion(
                                        "usuarios", "UsuariosApi", "reactivar", $("#frm-Usuarios-UsuariosApi").serialize(),
                                        function (respuesta) {
                                            cargarTablaUsuariosApiUsuarios();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        {{ boton( 'desactivar', "desactivarUsuariosApiUsuarios", "desactivarUsuariosApiActivosUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Cambia el estado de un usuario a DESACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function desactivarUsuariosApiActivosUsuarios() {
                var seleccionUsuariosApi = unoSoloSeleccionadoTabla('frm-Usuarios-UsuariosApi', "DESACTIVAR");
                if (seleccionUsuariosApi) {
                    confirmacionOperacion(
                            "¿Seguro que desea DESACTIVAR los elementos seleccionados?",
                            "Al descativar l@s usuarios ya no se mostrarán en la App, ni en la Web.",
                            function () {
                                ejecutarOperacion(
                                        "usuarios", "UsuariosApi", "desactivar", $("#frm-Usuarios-UsuariosApi").serialize(),
                                        function (respuesta) {
                                            cargarTablaUsuariosApiUsuarios();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        </div>
    </div>
    <!--Formulario que me permite acceder a los check seleccinoados-->
    <form id="frm-Usuarios-UsuariosApi{{hash_vista}}">
        <div class="box-body" >
            <!--Divisón donde cargará la forma de presnetar el listado. Aqui es una tabla.-->
            <div id="div-tbl-Usuarios-UsuariosApiActivos" ></div>
        </div>
    </form>
</div>
<script type="text/javascript" >
    /**
     * Carga inicial de plugins y funciones
     */
    $(document).ready(function () {
        cargarTablaUsuariosApiActivosUsuarios();
    });
</script>

<!-- Generado el 2017-12-18 10:18:50:000000 -->

