<div class="box box-info" >
    <div class="box-header">
        <!--Titulo de la vista o listado -->
        <h3 class="box-title">Lista de todos Rol</h3>
        <!--Botones con las operaciones que se pueden realizar sobre el listado-->
        <div class="box-tools pull-right">
        <script type="text/javascript" >
        </script>
        {{ boton( 'tabla', "mostrarTodosRolesUsuarios", "cargarTablaRolesUsuariostodos()") }}
        <script type="text/javascript" >
            /**
             * Solcita la vista de tabla y la carga en una division (DIV)
             * con identificador div-tbl-Roles.
             * @returns {HTML} Vista Solicitada
             */
            function cargarTablaRolesUsuariostodos() {
                cargarDivisionSicam('div-tbl-Usuarios-Roles', 'usuarios', 'Roles', 'tablaListado');
            }
        </script>
        {{ boton( 'nuevo', "mostrarFormularioNuevoRolesUsuarios") }}
        <script type="text/javascript" >
        </script>
        {{ boton( 'editar', "mostrarFormularioEditarRolesUsuarios", "mostrarFormularioEditarRolesUsuariostodos()") }}
        <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 Rol
             * @returns {HTML} Formulario de Datos para Rol
             */
            function mostrarFormularioEditarRolesUsuariostodos() {
                var seleccionRoles = unoSoloSeleccionadoTabla('frm-Usuarios-Roles{{hash_vista}} table', "EDITAR");
                if (seleccionRoles) {
                    var rolID =  seleccionRoles.value;
                    cargarVista(
                            'usuarios', 'Roles', 'mostrarFormularioEditar',
                            'rolID=' + rolID
                            );
                 }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', "eliminarRolesUsuarios", "eliminarRolesUsuariostodos()") }}
        <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 eliminarRolesUsuariostodos() {
                var seleccionRoles = checkSelecionados('frm-Usuarios-Roles{{hash_vista}} table', true);
                if (seleccionRoles) {
                    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", "Roles", "eliminar", seleccionRoles,
                                        function (respuesta) {
                                            cargarTablaRolesUsuarios();
                                        }
                                );
                            }
                    );
                }
            }
        
        </script>
        </div>
    </div>
    <!--Formulario que me permite acceder a los check seleccinoados-->
    <form id="frm-Usuarios-Roles{{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-Roles" ></div>
        </div>
    </form>
</div>
<script type="text/javascript" >
    /**
     * Carga inicial de plugins y funciones
     */
    $(document).ready(function () {
        cargarTablaRolesUsuariostodos();
    });
</script>

<!-- Generado el 2017-12-04 06:05:56:000000 -->

