Atenea
/
sgi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455
							<?php
    require_once("../include/constantes.php");
    require_once("../include/bd_pdo.php");
    require_once("../classes/ValidaSesion.php");
    require_once("../classes/MainMenu.php");

    $menu = 9;
    $submenu = 91;

    //--- Objeto para validar usuario. El id de usuario lo lee desde sesión
    $objSesion = new ValidaSesion($pdo, $submenu, GEMA);
    if(!$objSesion->tieneAcceso()){
        $objSesion->terminaSesion();
    }
    
?>

<!DOCTYPE html>
<html lang="es" prefix="og: http://ogp.me/ns#">
    <head>
	<title>GEMA - Facultad de Ingeniería</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" type="image/png" href="../img/favicon.png" />
        <link rel="stylesheet" href="../css/bootstrap-ulsa.min.css" type="text/css">
        <link rel="stylesheet" href="../css/indivisa.css" type="text/css">
        <link rel="stylesheet" href="../css/sgi.css?rand=<?php echo rand();?>" type="text/css">
        <link rel="stylesheet" href="../css/fa_all.css" type="text/css">
        <link rel="stylesheet" href="../css/toggle.css" type="text/css">
        <link rel="stylesheet" href="../css/colpick.css" type="text/css">
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, GEMA, "Estados de Alumnos");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //Obtiene estados
                $stmt = $pdo->prepare("Select * from fs_estadoalumno(NULL)");
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los salones.";
                }else{
                    $estado_rs = $stmt->fetchAll();
                }
                $stmt->closeCursor();
                $stmt = null;
               
                //--Manejo de errores y mensajes de exito
                if(isset($_GET["error"]) && is_numeric($_GET["error"])){
                    switch ($_GET["error"]){
                        case 0: $errorDesc = "No se reciberon los datos del estado."; break;
                        case 1: $errorDesc = "Ocurrió un error al insertar los datos del estado."; break;
                        case 2: $errorDesc = "Ocurrió un error al actualizar los datos del estado."; break;
                        case 3: $errorDesc = "No tienes permisos para realizar esa acción."; break;
                        case 4: $errorDesc = "Ocurrió un error al borrar los datos de la relación de estados."; break;
                        case 5: $errorDesc = "Ocurrió un error al insertar los datos de la relación de estados."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "El estado del alumno se guardó correctamente."; break;
                        case 1: $successDesc = "El estado del alumno se actualizó correctamente."; break;
                        case 1: $successDesc = "La relación de estados se actualizó correctamente."; break;
                    }
                }
            ?>
            <main class="container-fluid content marco">
                <div class="row">
                    <div class="col-12 text-right">
                        <?php if($objSesion->puedeEditar()){ ?>
                        <p class="col text-right my-2">
                            <button type="button" class="btn btn-outline-secondary" data-toggle="modal" data-target="#modal" data-tipo="1"><?php echo $ICO["mas"];?> Crear estado</button>
                        </p>
                        <?php }?>
                    </div>
                </div>
                <?php include_once("../include/errorMessage.php");?>
                
                <?php
                if(isset($estado_rs)){
                ?>
                
                <div class="row justify-content-center">
                    <div class="col-12 table-responsive">
                        <table class="table table-sm table-striped table-white">
                            <thead class="thead-dark">
                                <tr >
                                    <th style="width:10%">Color</th>
                                    <th>Estado</th>
                                    <th>Siguiente estado</th>
                                    <th style="width:12%">Alumnos</th>
                                    <th style="width:12%">Subestados</th>
                                    <?php if($objSesion->puedeEditar()){ ?><th style="width:15%">Acciones</th><?php } ?>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                                foreach($estado_rs as $estado){
                                    //Obtiene estados
                                    $stmt = $pdo->prepare("Select * from fs_estadoalumno_relacionado(:id)");
                                    $stmt->bindParam(":id", $estado["EstadoAlumno_id"]);
                                    if(!$stmt->execute()){
                                        print_r($stmt->errorInfo());
                                        echo "Ocurrió un error al cargar los estados relacionados.";
                                    }else{
                                        $estadoRel_rs = $stmt->fetchAll();
                                    }
                                    $stmt->closeCursor();
                                    $stmt = null;
                                    
                                    
                                ?>
                                <tr data-id="<?php echo $estado["EstadoAlumno_id"]; ?>" id="id<?php echo $estado["EstadoAlumno_id"]; ?>">
                                    <td class="text-center" style="color:<?php echo $estado["EstadoAlumno_color"]; ?>"><?php echo $ICO_LG["circulo"]; ?></td>
                                    <td class="text-center"><?php echo $estado["EstadoAlumno_desc"]; ?></td>
                                    <td class="text-center"><?php foreach($estadoRel_rs as $rel){ echo "<p class='my-0'>".$rel["EstadoAlumno_desc"]."</p>"; }?></td>
                                    <td class="text-center"><?php if($estado["EstadoAlumno_isActivo"]) echo "Activos"; else echo "Inactivos"; ?></td>
                                    <td class="text-center"><?php echo $estado["Subestado_total"]; ?></td>
                                    <?php if($objSesion->puedeEditar()){ ?>
                                    <td class="text-center icono-acciones">
                                        <a href="#" data-toggle="modal" data-target="#modalEstado" title="Editar siguiente estado"><?php echo $ICO["cambiar"];?></a>
                                        <a href="#" data-toggle="modal" data-target="#modal" data-tipo="2" title="Editar"><?php echo $ICO["editar"];?></a>
                                        <?php if($estado["Subestado_total"] == 0){ ?>
                                        <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Borrar"><?php echo $ICO["borrar2"];?></a>
                                        <?php } ?>
                                    </td>
                                    <?php } ?>
                                </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
                <?php } ?>
            </main>
            <!--- FOOTER--->
            <?php require_once("../include/footer.php"); ?>
            
            <?php if($objSesion->puedeEditar()){ ?>
            <!-- Modal -->
            <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="col-12 modal-title text-center"><span id="modalLabel">Crear Estado</span>
                            <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button></h4>
                        </div>
                        <div class="modal-body">
                            <form action="" method="post" id="formaModal" onsubmit="submitForm()">
                                <input type="hidden" name="id" id="id">
                                <div class="form-box">
                                    <div class="form-group row">
                                        <label for="desc" class="col-4 col-form-label">Nombre *</label> 
                                        <div class="col-8">
                                            <input id="desc" name="desc" type="text" class="form-control" required="required" maxlength="15">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="activo" class="col-4 col-form-label">Estado del alumno *</label> 
                                        <div class="col-8">
                                            <!--<input type="checkbox" data-toggle="toggle" data-onstyle="success" data-offstyle="danger" data-on="Activo" data-off="Inactivo" id="activo" name="activo" value="1" data-width="100">-->
                                            <div class="row">
                                                <div class="col-5 text-center">
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input radio-lg" type="radio" id="edo_inactivo" name="activo" value="0" checked="checked">
                                                        <label for="edo_inactivo" class="col-form-label">Inactivo</label> 
                                                    </div>
                                                </div>
                                                <div class="col-5 text-center">
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input radio-lg" type="radio" id="edo_activo" name="activo" value="1">
                                                        <label for="edo_activo" class="col-form-label">Activo</label> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="desc_larga" class="col-4 col-form-label">Color *</label> 
                                        <div class="col-8">
                                            <input id="color" name="color" type="color" class="form-control" required="required" maxlength="7" value="#ffffff">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="offset-4 col-8">
                                        <button type="submit" class="btn btn-outline-primary" id="submitBtn" data-tipo="1"><?php echo $ICO["aceptar"];?> Guardar</button>
                                        <button type="reset" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cancelar</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="modal fade" id="modal_confirm" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="row">
                                <div class="col">
                                    <p class="font-weight-bold">¿Estás seguro de que quieres borrar el estado de alumno?</p>
                                    <p>Esta acción no se puede deshacer.</p>
                                    <p>Sólo se pueden borrar estados que no tengan subestados.</p>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" id="id_borrar" value="">
                            <button type="button" class="btn btn-outline-primary btn-borrar"><?php echo $ICO["aceptar"];?> Borrar</button>
                            <button type="button" class="btn btn-outline-danger" data-dismiss="modal" aria-label="Close"><?php echo $ICO["cancelar"];?> Cancelar</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="modal fade" id="modalEstado" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="col-12 modal-title text-center"><span id="modalLabel">Siguiente Estado</span>
                            <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button></h4>
                        </div>
                        <div class="modal-body">
                            <p>Selecciona a qué estados puede cambiar el alumno.</p>
                            <form action="./action/estadocambio_insert.php" method="post" id="formaEstado"  onsubmit="submitFormEstado()">
                                <input type="hidden" name="id" id="id_padre">
                                <div class="row align-items-center my-2">
                                    <div class="col-5 text-center">
                                        <label for="area" class="text-primary font-weight-bold">Siguiente estado</label>
                                        <select name="estado_sig[]" id="estado_sig" class="form-control" multiple="multiple" size="4">
                                        </select>
                                    </div>
                                    <div class="col-2 text-center pt-3">
                                        <p><button type="button" class="btn btn-outline-secondary btn-sm btn-block" id="btn-add-area" title="Agregar área"><span class="fas fa-angle-left"></span> Asignar</button></p>
                                        <p><button type="button" class="btn btn-outline-secondary btn-sm btn-block" id="btn-remove-area" title="Quitar área">Quitar <span class="fas fa-angle-right"></span></button></p>
                                    </div>
                                    <div class="col-5 text-center">
                                        <label for="area" class="text-primary font-weight-bold">Estados disponibles</label>
                                        <select id="estado_original" class="form-control" multiple="multiple" size="4">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-12 text-center">
                                        <button type="submit" class="btn btn-outline-primary"><?php echo $ICO["aceptar"];?> Guardar</button>
                                        <button type="reset" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cancelar</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <?php } ?>
        </div>
        
        <script src="../js/jquery.min.js"></script>
        <script src="../js/colpick.js"></script>
        <script src="../js/bootstrap/popper.min.js"></script>
        <script src="../js/bootstrap/bootstrap.min.js"></script>
        <script src="../js/sidebarmenu.js"></script>
        
        <?php if($objSesion->puedeEditar()){ ?>
        <script src="../js/toggle.js"></script>
        <script>
            function submitForm(){
                var myBtn = $('#submitBtn');
                if(myBtn.data("tipo") == 2 ) $('#formaModal').prop("action", "./action/estadoalumnos_update.php");
                else $('#formaModal').prop("action", "./action/estadoalumnos_insert.php");
            }
            
            function submitFormEstado(){
                $('#estado_sig option').prop('selected', true);
            }
            
            
            $(document).ready(function(){
                $('#color').colpick({
                    layout: 'hex',
                    submitText: '<?php echo $ICO["aceptar"];?>',
                    onChange:function(hsb,hex,rgb,el,bySetColor) {
                        $(el).val('#'+hex);
                    },
                    onSubmit:function(hsb,hex,rgb,el,bySetColor) {
                        $(el).val('#'+hex);
                        $(el).colpickHide();
                    },
                    onBeforeShow:function(el){
                        $(this).colpickSetColor($(this).val(), true);
                    }
                });
                
                
                $('#modal_confirm').on('show.bs.modal', function (event) {
                    var button = $(event.relatedTarget); // Button that triggered the modal
                    var id = button.parents("tr").data("id");
                    $("#id_borrar").val(id);
                });
                
                $(".btn-borrar").click(function(){
                    var cid =  $("#id_borrar").val();
                    $.ajax({
                        url:  './action/estadoalumnos_delete.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { id: cid, },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                            }else{
                                $("#successBox").collapse('show');
                                $("#successBox_text").html(result["ok"]);
                                $("#id"+cid).remove();
                            }
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }
                    });//ajax
                    $('#modal_confirm').modal("hide");
                });

                $('#modal').on('show.bs.modal', function (event) {
                    var button = $(event.relatedTarget); // Button that triggered the modal
                    var tipo = button.data('tipo'); // 1 alta, 2 edicion
                    var modal = $(this);
                    //$(this).find(".form-control:first-child").focus();
                    
                    $("#errorBox").collapse('hide');
                    $("#errorBox_text").html("");
                    if(tipo == 1){//alta
                        $("#submitBtn").data('tipo', 1);
                        $("#modalLabel").html("Crear Estado");
                        modal.find("input[type=text]").val("");
                        //$('#activo').bootstrapToggle('off
                        $("#edo_activo").prop("checked", false);
                        $("#edo_inactivo").prop("checked", true);
                        $('#color').val('#ffffff');
                    }else{//editar
                        $("#submitBtn").data('tipo', 2);
                        $("#modalLabel").html("Editar Estado");
                        //obtiene datos de preg
                        var cid =  $(button).parents("tr").data("id");
                        $("#id").val(cid);
                        $.ajax({
                            url:  './action/estadoalumnos_select.php',
                            type: 'POST', 
                            dataType: 'json',
                            data: { id: cid },
                            success: function(result) {
                                if(result["error"]!= "" &&  result["error"] !== undefined){
                                    modal.modal('hide');
                                    $("#errorBox").collapse('show');
                                    $("#errorBox_text").html(result["error"]);
                                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                                }else{
                                    $("#desc").val(result["desc"]);
                                    $('#color').val(result["color"]);
                                    if(result["activo"]){
                                        //$('#activo').bootstrapToggle('on');
                                        $("#edo_inactivo").prop("checked", false);                        
                                        $("#edo_activo").prop("checked", true);
                                    }else{
                                        //$('#activo').bootstrapToggle('off');
                                        $("#edo_activo").prop("checked", false);
                                        $("#edo_inactivo").prop("checked", true);
                                    }
                                }
                            },
                            error: function(jqXHR, textStatus, errorThrown ){
                                modal.modal('hide');
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(errorThrown);
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }
                        });//ajax
                    }
                });//show
                
                $('#modalEstado').on('show.bs.modal', function (event) {
                    $("#errorBox").collapse('hide');
                    $("#errorBox_text").html("");
                    var id = $(event.relatedTarget).parents("tr").data("id");
                    $("#id_padre").val(id);
                    
                    $("#estado_sig option").remove();
                    $("#estado_original option").remove();
                    $.ajax({
                        url:  './action/estadoalumnos_all_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: {id: id },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({
                                    block: "end"
                                });
                            }else{
                                for(var i =0; i< result["estados"].length; i++){
                                    //if(result["estados"][i]["id"] != id){
                                        $("#estado_sig").append($("<option></option>").attr("value", result["estados"][i]["id"]).text(result["estados"][i]["desc"]));
                                    //}
                                }
                                for(var i =0; i< result["estados_original"].length; i++){
                                    //if(result["estados_original"][i]["id"] != id){
                                        $("#estado_original").append($("<option></option>").attr("value", result["estados_original"][i]["id"]).text(result["estados_original"][i]["desc"]));
                                    //}
                                }
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html("Error! "+errorThrown);
                            $('#messageBox')[0].scrollIntoView({
                                block: "end"
                            });
                            $('#modalEstado').modal("hide");
                        }
                    });//ajax
                });
                
                $("#btn-add-area").click(function(){
                    //estado_original to estado_sig
                    var selectedOpts = $('#estado_original option:selected');
                    if (selectedOpts.length != 0) {
                        $('#estado_sig').append($(selectedOpts).clone());
                        $(selectedOpts).remove();
                    }
                });
                $("#btn-remove-area").click(function(){
                    //estado_sig to estado_original
                    var selectedOpts = $('#estado_sig option:selected');
                    if (selectedOpts.length != 0) {
                        $('#estado_original').append($(selectedOpts).clone());
                        $(selectedOpts).remove();
                    }
                });
            });
        </script>
        <?php } ?>
    </body>
</html>