<div class="box box-info" >
    <div class="box-header">
        <!--Titulo de la vista o listado -->
        <h3 class="box-title">Lista de  Usuarios Colaborador</h3>
        <!--Botones con las operaciones que se pueden realizar sobre el listado-->
        <div class="box-tools pull-right">
        {{ boton( 'ver', "verDetallesUsuariosColaboradorUsuarios", "verDetallesUsuariosColaboradorUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Carga una vista con los detalles de UsuariosColaborador
             * @returns {HTML} Vista de Detalles
             */
            function verDetallesUsuariosColaboradorUsuarios() {
                var seleccionUsuariosColaborador =  unoSoloSeleccionadoTabla('frm-Usuarios-UsuariosColaborador{{hash_vista}} table', "VER DETALLES");
                if (seleccionUsuariosColaborador) {
                    var usuarioID =  seleccionUsuariosColaborador.value;
                        cargarVista(
                            'usuarios', 'UsuariosColaborador', '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', "mostrarTodosUsuariosColaboradorUsuarios", "cargarTablaUsuariosColaboradorUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Solcita la vista de tabla y la carga en una division (DIV)
             * con identificador div-tbl-UsuariosColaborador.
             * @returns {HTML} Vista Solicitada
             */
            function cargarTablaUsuariosColaboradorUsuarios() {
                cargarDivisionSicam('div-tbl-Usuarios-UsuariosColaborador', 'usuarios', 'UsuariosColaborador', 'tablaListado');
            }
        </script>
        {{ boton( 'nuevo', "mostrarFormularioNuevoUsuariosColaboradorUsuarios") }}
        <script type="text/javascript" >
        </script>
        {{ boton( 'editar', "mostrarFormularioEditarUsuariosColaboradorUsuarios", "mostrarFormularioEditarUsuariosColaboradorUsuarios()") }}
        <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 UsuariosColaborador
             * @returns {HTML} Formulario de Datos para UsuariosColaborador
             */
            function mostrarFormularioEditarUsuariosColaboradorUsuarios() {
                var seleccionUsuariosColaborador = unoSoloSeleccionadoTabla('frm-Usuarios-UsuariosColaborador{{hash_vista}} table', "EDITAR");
                if (seleccionUsuariosColaborador) {
                    var usuarioID =  seleccionUsuariosColaborador.value;
                     cargarVista(
                            'usuarios', 'UsuariosColaborador', 'mostrarFormularioEditar',
                            'UsuariosColaboradorID=' + usuarioID
                            );
                 }else{
                     if( seleccionUsuariosColaborador == 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', "reactivarUsuariosColaboradorUsuarios", "reactivarUsuariosColaboradorUsuarios()") }}
        <script type="text/javascript" >
        
            /**
             * Cambia el estado de un UsuariosColaborador a ACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function reactivarUsuariosColaboradorUsuarios() {
                var seleccionUsuariosApi = checkSelecionados('frm-Usuarios-UsuariosColaborador{{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) {
                                            cargarTablaUsuariosColaboradorUsuarios();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        {{ boton( 'desactivar', "desactivarUsuariosColaboradorUsuarios", "desactivarUsuariosColaboradorUsuarios()") }}
        <script type="text/javascript" >
            /**
             * Cambia el estado de un UsuariosColaborador a DESACTIVO
             * @returns {JSON} (respuesta) Respuesta del Sistema
             */
            function desactivarUsuariosColaboradorUsuarios() {
                var seleccionUsuariosApi = checkSelecionados('frm-Usuarios-UsuariosColaborador{{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) {
                                            cargarTablaUsuariosColaboradorUsuarios();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        </div>
    </div>
    <!--Formulario que me permite acceder a los check seleccinoados-->
    <form id="frm-Usuarios-UsuariosColaborador{{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-UsuariosColaborador"></div>
        </div>
    </form>
</div>
<script type="text/javascript" >
    /**
     * Carga inicial de plugins y funciones
     */
    $(document).ready(function () {
        cargarTablaUsuariosColaboradorUsuarios();
    });
</script>

<!-- Generado el 2017-12-19 11:36:01:000000 -->