<div class="box box-info" >

    <div class="box-header">

        <h3 class="box-title">Componentes Funcionales del Sistema</h3>

        <div class="box-tools pull-right">

            {{ boton( 'tabla', "mostrarTodosLosComponentesSICAM", "cargarTablaComponentes()") }}

            {{ boton( 'ver', "mostrarDetallesComponenteSICAM", "mostrarDetallesComponente()") }}

            {{ boton( 'nuevo', "mostrarFormularioComponentesSICAM") }}

            {{ boton( 'editar', "mostrarFormularioComponentesSICAM", "editarComponente()") }}

            {{ boton( 'eliminar', "eliminarComponenteSICAM", "eliminarComponente()") }}

            {{ boton( 'desactivar', "desactivarComponenteSICAM", "desactivarComponente()") }}

            {{ boton( 'reactivar', "reactivarComponenteSICAM", "reactivarComponente()") }}

        </div>

    </div>

    <form id="frm-Componentesdesarrollosoftware">

    <div class="box-body" >

        <div id="div-tableDesarrolloSoftwareComponentes" style="min-height: 210px;" ></div>

    </div>

    </form>

</div>



<script>



    $(document).ready(function () { 

        cargarTablaComponentes(); 

    });

    

    function editarComponente(){

         var seleccionados = registrosSeleccionadosTabla('div-tableDesarrolloSoftwareComponentes');

         if( seleccionados.length == 1 ){

            var ComponenteID =  seleccionados[0].value;

            var ComponenteTITULO =  $(seleccionados[0]).attr('data-titulo');

            cargarVista('DesarrolloSoftware','Componentes','mostrarFormulario', 'componenteID='+ComponenteID);

         }else{

             if( seleccionados.length == 0 ){

                 alertaInformacion("Debes seleccionar un registro para editar.");

             }else{

                 alertaPrevencion("Debes seleccionar SOLO UN registro para editar.");

             }

         }

    }

    

            

    function desactivarComponente(){

        var seleccionados = registrosSeleccionadosTabla('div-tableDesarrolloSoftwareComponentes');

        if( seleccionados.length >= 1 ){

            confirmacionOperacion(

                "¿Seguro que desea DESACTIVAR los elementos seleccionados?",

                "Al descativar los Componentes ya no se mostrarán en la App, ni en la Web.", 

                function(){

                     ejecutarOperacion(

                        "DesarrolloSoftware", "Componentes", "desactivar", $("#frm-Componentesdesarrollosoftware").serialize(),

                        function(respuesta){

                            cargarTablaComponentes();

                        }

                    );

                }

            );

        }else{

            alertaInformacion("Debes seleccionar, al menos, un registro para DESACTIVAR.");

         }

    }

    

    function reactivarComponente(){

        var seleccionados = registrosSeleccionadosTabla('div-tableDesarrolloSoftwareComponentes');

        if( seleccionados.length >= 1 ){

            confirmacionOperacion(

                "¿Seguro que desea RE-ACTIVAR los elementos seleccionados?",

                "Al re-activar los Componentes se mostrarán en la App y en la Web, inmediatamente.", 

                function(){

                     ejecutarOperacion(

                        "DesarrolloSoftware", "Componentes", "reactivar", $("#frm-Componentesdesarrollosoftware").serialize(),

                        function(respuesta){

                            cargarTablaComponentes();

                        }

                    );

                }

            );

        }else{

            alertaInformacion("Debes seleccionar, al menos, un registro para RE-ACTIVAR.");

         }

    }

    

    function eliminarComponente(){

        var seleccionados = registrosSeleccionadosTabla('div-tableDesarrolloSoftwareComponentes');

        if( seleccionados.length >= 1 ){

           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, no será borrado.", 

                function(){

                    ejecutarOperacion(

                        "DesarrolloSoftware", "Componentes", "eliminar", $("#frm-Componentesdesarrollosoftware").serialize(),

                        function(respuesta){

                            cargarTablaComponentes();

                        }

                    );

                }

            ); 

        }else{

            alertaInformacion("Debes seleccionar, al menos, un registro para ELIMINAR.");

         }

    }

    

    function cargarTablaComponentes(){

        cargarDivisionSicam('div-tableDesarrolloSoftwareComponentes', 'desarrollosoftware', 'Componentes', 'tablaListado');

    }

</script>