<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', "verDetallesUsuariosApiUsuarios", "verDetallesUsuariosApiUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Carga una vista con los detalles de usuario
             * @returns {HTML} Vista de Detalles
             */
            function verDetallesUsuariosApiUsuarios() {
                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", "cargarTablaUsuariosApiUsuarios()") }}
        <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 cargarTablaUsuariosApiUsuarios() {
                cargarDivisionSicam('div-tbl-Usuarios-UsuariosApi', 'usuarios', 'UsuariosApi', 'tablaListado');
            }
        </script>
        {{ boton( 'nuevo', "mostrarFormularioNuevoUsuariosApiUsuarios") }}
        <script type="text/javascript" >
        </script>
        {{ boton( 'editar', "mostrarFormularioEditarUsuariosApiUsuarios", "mostrarFormularioEditarUsuariosApiUsuarios()") }}
        <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 mostrarFormularioEditarUsuariosApiUsuarios() {
                var seleccionUsuariosApi = unoSoloSeleccionadoTabla('frm-Usuarios-UsuariosApi{{hash_vista}} table', "EDITAR");
                console.log(seleccionUsuariosApi);
                if (seleccionUsuariosApi) {
                    var usuarioID =  seleccionUsuariosApi.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( 'reactivar', "reactivarUsuariosApiUsuarios", "reactivarUsuariosApiUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Cambia el estado de un usuario a ACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function reactivarUsuariosApiUsuarios() {
                var seleccionUsuariosApi = checkSelecionados('frm-Usuarios-UsuariosApi{{hash_vista}} table', true);
                if (seleccionUsuariosApi.length > 1) {
                    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", "Usuarios", "reactivar", seleccionUsuariosApi,
                                        function (respuesta) {
                                            cargarTablaUsuariosApiUsuarios();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        {{ boton( 'desactivar', "desactivarUsuariosApiUsuarios", "desactivarUsuariosApiUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Cambia el estado de un usuario a DESACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function desactivarUsuariosApiUsuarios() {
                var seleccionUsuariosApi = checkSelecionados('frm-Usuarios-UsuariosApi{{hash_vista}} table', true);
                if (seleccionUsuariosApi.length > 1) {
                    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", "Usuarios", "desactivar", seleccionUsuariosApi,
                                        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-UsuariosApi" ></div>
        </div>
    </form>
</div>
<script type="text/javascript" >
    /**
     * Carga inicial de plugins y funciones
     */
    $(document).ready(function () {
        cargarTablaUsuariosApiUsuarios();
    });
</script>

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

