Atenea
/
sgi


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

    $menu = 11;
    $submenu = 113;

    //--- Objeto para validar usuario. El id de usuario lo lee desde sesión
    $objSesion = new ValidaSesion($pdo, $submenu, GEMA);
    if(!$objSesion->tieneAcceso()){
        $objSesion->terminaSesion();
    }
    $objSesion->validaPeriodoUsuario();//si no tiene periodo manda a main
    
    if(!$objSesion->puedeEditar()){
        header("Location: insignia_asigna.php");
        exit();
    }

    if(!isset($_GET["id"], $_SESSION["periodo_id"]) || $_SESSION["periodo_id"] == ""){
        header("Location: insignia_asigna.php?err=0");
        exit();
    }
    $insignia_id = filter_input(INPUT_GET, "id", FILTER_SANITIZE_NUMBER_INT);//limpia texto
?>

<!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/jquery-ui.css" type="text/css">
        <link rel="stylesheet" href="../css/calendar.css" type="text/css">
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, GEMA, "Asignación de insignias de evento");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                $insignia = filter_input(INPUT_GET, "id", FILTER_SANITIZE_NUMBER_INT);//limpia texto

                //Datos insignia
                $stmt = $pdo->prepare('Select * from fs_insignia(:periodo, :id, NULL, NULL, true, true, 0, 1)');
                $stmt->bindParam(":periodo", $_SESSION["periodo_id"]);
                $stmt->bindParam(":id", $insignia);
                if(!$stmt->execute()){
                    header("Location: insignia_asigna.php?err=0");
                    exit();
                }
                $evento_rs = $stmt->fetch();
                $stmt->closeCursor();

                //Datos planes de estudio
                $stmt = $pdo->prepare('Select * from fs_planestudio_alumnos(:nivel, NULL, true)');
                $stmt->bindParam(":nivel", $_SESSION["nivel_id"]);
                if(!$stmt->execute()){
                    header("Location: insignia_asigna.php?err=0");
                    exit();
                }
                $plan_rs = $stmt->fetchAll();
                $stmt->closeCursor();

                //Alumnos de la insignia
                $stmt = $pdo->prepare('Select * from fs_insigniaalumno(:id)');
                $stmt->bindParam(":id", $insignia);
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los alumnos de la insignia";
                }else{
                    $usuario_rs = $stmt->fetchAll();

                    $usuarioArr = array();
                    $last_id = -1;
                    $i = 0;
                    $total = 0;
                    $first = 0;
                    foreach($usuario_rs as $usr){
                        if($usr["Usuario_id"] != $last_id){
                            if($last_id!= -1){
                                $usuarioArr[$first]["total"] = $total;
                                $first = $i;
                            }
                            $total = 0;
                            $last_id = $usr["Usuario_id"];
                        }
                        $usuarioArr[$i] = array("id" =>$usr["Usuario_id"], "nombre"=>$usr["Usuario_apellidos"]." ".$usr["Usuario_nombre"],
                            "estado_color" =>$usr["EstadoAlumno_color"], "subestado" =>$usr["SubEstadoAlumno_desc"], "claveULSA" =>$usr["Usuario_claveULSA"], "carrera" =>$usr["Carrera_desc"] ." ".$usr["PlanEstudio_desc"]);
                        $i++;
                        $total++;
                    }
                    if($last_id!= -1){
                        $usuarioArr[$first]["total"] = $total;
                    }

                }
                $stmt->closeCursor();

            ?>
            <main class="container-fluid content marco">
                <div class="row mb-2">
                    <div class="col-12 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"];?> Asignar a alumnos</button>
                    </div>
                </div>
                <?php include_once("../include/errorMessage.php"); ?>
                
                <div class="row mb-5">
                    <div class="col-4 barra-right bg-light py-2 offset-md-1">
                        <h4><b><?php echo $evento_rs["Insignia_titulo"];?></b></h4>
                        <p class="mb-0"><span style="color:<?php echo $evento_rs["InsigniaTipo_color"];?>"><?php echo $ICO_LG["circulo"];?></span> <?php echo $evento_rs["InsigniaTipo_desc"];?></p>
                    </div>
                    <div class="col-8 col-md-6 py-2">
                        <div class="mb-2"><?php echo $evento_rs["Insignia_desc"];?></div>
                        <?php if($evento_rs["Insignia_hasEvidencia"]){?>
                        <h5>Evidencias</h5>
                        <?php echo $evento_rs["Insignia_evidencia_desc"];
                        }?>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-12 text-right">
                        <a href="insignia_asigna.php" class="btn btn-outline-secondary"><?php echo $ICO["izquierda"];?> Regresar</a>
                    </div>
                </div>

                <p>Alumnos con insignia asignada</p>
                
                <div class="row">
                    <div class="col-12 table-responsive">
                        <table class="table table-sm table-striped table-white">
                            <thead class="thead-dark">
                                <tr >
                                    <th>Estado</th>
                                    <th>Clave</th>
                                    <th>Nombre</th>
                                    <th>Programa académico</th>
                                    <th>Acciones</th>
                                   <!-- <th style="width:35px;" class="pl-2">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="selectAll">
                                            <label class="custom-control-label" for="selectAll"></label>
                                        </div>
                                    </th>-->
                                </tr>
                            </thead>
                            <tbody id="alumnos-list">
                                <tr data-id="" data-existe="false" class="base d-none">
                                    <td class="al-estado text-center" style="width:40px;" title="">
                                        <?php echo $ICO_LG["circulo"]; ?>
                                    </td>
                                    <td class="al-clave text-center font-weight-bold" style="width:90px;"></td>
                                    <td class="al-nombre"></td>
                                    <td class="al-carrera"></td>
                                    <td class="text-center icono-acciones text-nowrap" >
                                        <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Borrar"><?php echo $ICO["borrar2"];?></a>
                                    </td>
                                </tr>
                                <?php
                                foreach($usuarioArr as $usuario){
                                ?>
                                <tr class="alumno-row" data-id="<?php echo $usuario["id"]; ?>" data-existe="true" id="<?php echo $usuario["id"]; ?>">
                                    <td class="al-estado text-center" style="width:40px; color: <?php echo $usuario["estado_color"];?>" title="<?php echo $usuario["subestado"]; ?>">
                                        <?php echo $ICO_LG["circulo"]; ?>
                                    </td>
                                    <td class="al-clave text-center font-weight-bold" style="width:90px;"><?php echo $usuario["claveULSA"]; ?></td>
                                    <td class="al-nombre"><?php echo $usuario["nombre"]; ?></td>
                                    <td class="al-carrera"><?php echo $usuario["carrera"]; ?></td>

                                    <?php if(isset($usuario["total"]) && $usuario["total"] > 0){ ?>
                                    <td class="text-center icono-acciones text-nowrap" <?php if ($usuario["total"] > 1){?> style="vertical-align:middle" rowspan="<?php echo $usuario["total"];?>" <?php } ?>>
                                        <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Borrar"><?php echo $ICO["borrar2"];?></a>
                                    </td>
                                    <?php } ?>
                                </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 text-center">
                        <a href="insignia_asigna.php" class="btn btn-outline-secondary"><?php echo $ICO["izquierda"];?> Regresar</a>
                    </div>
                </div>

            </main>
            <!--- FOOTER--->
            <?php require_once("../include/footer.php"); ?>
                        
            <!-- Modal -->
            <div class="modal fade" id="modal" 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">Asignar insignia a alumnos</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">
                                <input type="hidden" name="id" id="id" value="<?php echo $insignia;?>">
                                <p>Busca alumnos por nombre y/o clave para asignarles la insignia.</p>
                                <div class="form-box">
                                    <div class="form-group row">
                                        <label for="nombre" class="col-4 col-form-label">Nombre</label> 
                                        <div class="col-8">
                                            <input id="nombre" name="nombre" type="text" class="form-control"  maxlength="50">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="clave" class="col-4 col-form-label">Clave</label> 
                                        <div class="col-8">
                                            <input id="clave" name="clave" type="text" class="form-control"  maxlength="7">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="plan" class="col-4 col-form-label">Carrera</label> 
                                        <div class="col-8">
                                            <div class="datalist datalist-select mb-1 w-100">
                                                <div class="datalist-input">Ver todos</div>
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <li data-id="">Ver todos</li>
                                                    <?php foreach($plan_rs as $plan) {?>
                                                    <li data-id="<?php echo $plan["PlanEstudio_id"];?>"><?php echo $plan["Carrera_desc"]." ".$plan["PlanEstudio_desc"];?></li>
                                                    <?php }?>
                                                </ul>
                                                <input type="hidden" id="plan" name="plan" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="offset-4 col-8">
                                        <button type="button" class="btn btn-outline-primary" id="buscaBtn"><?php echo $ICO["aceptar"];?> Buscar</button>
                                        <button type="button" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cancelar</button>
                                    </div>
                                </div>
                            </form>

                            <div class="row collapse" id="addedBox">
                                <div class="col-12">
                                    <div class="alert alert-success">
                                        <button type="button" class="close" data-toggle="collapse" href="#addedBox" aria-controls="addedBox" aria-expanded="true">×</button>
                                        <span class="ing-aceptar ing-fw float-left" style="font-size:2em"></span>
                                        <p class="pt-1" style="margin-left:60px" id="addedBox_text">Se asignó la insignia al usuario correctamente</p>
                                    </div>
                                </div>
                            </div>

                            <div id="resultados" class="d-none">
                                <p>Solo se mostrarán los primeros <strong><?php echo MAX_ROWS;?></strong> resultados.</p>
                                <table class="table table-sm table-striped table-white">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th style="width:30px">Estado</th>
                                            <th>Clave</th>
                                            <th>Nombre</th>
                                            <th>Programa</th>
                                            <th>Acciones</th>
                                        </tr>
                                    </thead>
                                    <tbody id="table-result">
                                        <tr class="alumno-row">
                                            <td class="res-estado text-center"><span class="res-icon"><?php echo $ICO_LG["circulo"];?></span></td>
                                            <td class="res-clave text-center"></td>
                                            <td class="res-nombre"></td>
                                            <td class="res-carrera"></td>
                                            <td class="res-agrega text-center"><button type="button" class="btn btn-outline-primary btn-sm btn-agrega-nombre"><?php echo $ICO["mas"]; ?></button></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <p id="sin_alumnos" class="d-none text-danger text-center">No hay alumnos que coincidan con los parámetros de búsqueda</p>

                        </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 la insignia del alumno?</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>
        
        <script src="../js/jquery.min.js"></script>
        <script src="../js/jquery-ui.js"></script>
        <script src="../js/datepicker-es.js"></script>
        <script src="../js/bootstrap/popper.min.js"></script>
        <script src="../js/bootstrap/bootstrap.min.js"></script>
        <script src="../js/sidebarmenu.js"></script>
        <script src="../js/datalist.js"></script>
        <script src="../js/util.js"></script>
        
        <script>
        var insignia = <?php echo $insignia_id;?>;
            function insertaInsignia(alumno){
                $.ajax({
                    url:  './action/insigniaalumno_insert.php',
                    type: 'POST', 
                    dataType: 'json',
                    data: {'insignia':insignia, 'alumno':alumno},
                    success: function(result) {
                        if(result["error"]!= "" &&  result["error"] !== undefined){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(result["error"]);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                            $("#modal").modal('hide');
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown ){
                        $("#errorBox").collapse('show');
                        $("#errorBox_text").html("Error al insertar la insignia del alumno");
                        $("#modal").modal("hide");
                        $('#messageBox')[0].scrollIntoView({ block: "end" });
                    }
                });//ajax
            }

            function borraInsignia(alumno){
                $.ajax({
                    url:  './action/insigniaalumno_delete.php',
                    type: 'POST', 
                    dataType: 'json',
                    data: {'insignia':insignia, 'alumno':alumno},
                    success: function(result) {
                        if(result["error"]!= "" &&  result["error"] !== undefined){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(result["error"]);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }else{
                            $("#"+alumno).remove();
                            $("#successBox").collapse('show');
                            $("#successBox_text").html(result["ok"]);
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown ){
                        $("#errorBox").collapse('show');
                        $("#errorBox_text").html("Error al insertar la insignia del alumno");
                        $('#messageBox')[0].scrollIntoView({ block: "end" });
                    }
                });//ajax
            }

            $(document).on( "click", ".btn-reset", function(event){
                var forma = $(this).parents("form");
                forma.find("input[type=text]").val("");
                forma.submit();
            });

            $(document).on( "click", ".btn-borrar", function(event){
                var alumno = $("#id_borrar").val();
                borraInsignia(alumno);
            });

            $('#nombre').keydown(function(event) {
                if (event.keyCode == 13) {
                    $("#buscaBtn").trigger('click');
                }
            });

            $('#clave').keydown(function(event) {
                if (event.keyCode == 13) {
                    $("#buscaBtn").trigger('click');
                }
            });

            $(document).on( "click", ".btn-agrega-nombre", function(event){
                var id = $(this).data("id");
                var found = false;
                $("#alumnos-list").children().each(function(index) {
                    if(parseInt($(this).data("id")) == parseInt(id)){
                        found = true;
                    }
                });
                
                if(!found){//no está ya en la tabla
                    cloned = $("#alumnos-list .base:first-child").clone(true).appendTo("#alumnos-list");
                    cloned.removeClass("base").removeClass("d-none");
                    cloned.find(".al-estado").css("color", $(this).data("color"));
                    cloned.find(".al-clave").html($(this).data("clave"));
                    cloned.find(".al-nombre").html($(this).data("nombre"));
                    cloned.find(".al-carrera").html($(this).data("carrera"));
                    //cloned.data("existe", "false");
                    cloned.attr("id", $(this).data("id"));
                    cloned.data("id", $(this).data("id"));
                    //Insertar en la BD
                    insertaInsignia(id);
                }
                $(this).parents(".alumno-row").addClass("d-none");
                $("#addedBox").collapse('show');
                //$("#modal").modal("hide");

                $("#nombre").val("");
                $("#clave").val("");
                setDatalistFirst("#plan");
            });

            $('#modal').on('show.bs.modal', function (e) {
                //$("#clave").focus();
                $("#nombre").val("");
                $("#clave").val("");
                setDatalistFirst("#plan");
                $("#addedBox").collapse('hide');
            });

            $(document).ready(function(){    
                setDatalist("#periodo", <?php echo $_SESSION["periodo_id"]; ?>);
                $(document).on('click', '#dlPeriodo ul li' ,function(){
                    $("#formaPeriodo").submit();
                });
                $(".date-picker" ).datepicker({ dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true});
                $(".date-picker" ).datepicker( $.datepicker.regional[ "es" ] );

                $("#buscaBtn").click(function(){
                    $("#addedBox").collapse('hide');
                    $(".is-invalid").removeClass("is-invalid");
                    if(trim($("#nombre").val()) == "" && trim($("#clave").val()) == "" ){
                        $("#nombre").addClass("is-invalid");
                        $("#clave").addClass("is-invalid");
                    }else{
                        var form = $("#formaModal");
                        $.ajax({
                            url:  './action/alumnobusca_select.php',
                            type: 'POST', 
                            dataType: 'json',
                            data: {'nombre':$("#nombre").val(), 'clave':$("#clave").val(), 'id':$("#id").val(), 'plan':$("#plan").val()},
                            success: function(result) {
                                if(result["error"]!= "" &&  result["error"] !== undefined){
                                    $("#errorBox").collapse('show');
                                    $("#errorBox_text").html(result["error"]);
                                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                                    $("#modal").modal('hide');
                                }else{
                                    
                                    //cargar tabla de alumnos
                                    var rows = $("#table-result .alumno-row").length;//cuenta accesos actuales

                                    if(rows > result["alumno"].length){//sobran
                                        //borrar renglones extra (rows - result.length) pero dejar al menos 1
                                        while(rows > result["alumno"].length && rows > 1){
                                            $("#table-result .alumno-row:last-child").remove();
                                            rows--;
                                        }
                                    }else{//faltan
                                        // clone the rest of the rows
                                        for(var i=0; i<(result["alumno"].length - rows); i++){
                                            $("#table-result .alumno-row:first-child").clone(true).appendTo("#table-result");
                                        }
                                    }

                                    if(result["alumno"].length != 0){//hay alumnos?
                                        $("#resultados").removeClass("d-none");
                                        $("#sin_alumnos").addClass("d-none");
                                        $("#table-result").children().each(function(index) {
                                            if(index < result["alumno"].length){//llenar info
                                                $(this).removeClass("d-none");
                                                $(this).find(".res-estado").css("color", result["alumno"][index]["estado_color"]);
                                                $(this).find(".res-clave").html(result["alumno"][index]["claveULSA"]);
                                                $(this).find(".res-nombre").html(result["alumno"][index]["nombre"]);
                                                $(this).find(".res-carrera").html(result["alumno"][index]["carrera"]);
                                                
                                                $(this).find(".btn-agrega-nombre").data("id",result["alumno"][index]["id"]);
                                                $(this).find(".btn-agrega-nombre").data("nombre",result["alumno"][index]["nombre"]);
                                                $(this).find(".btn-agrega-nombre").data("clave",result["alumno"][index]["claveULSA"]);
                                                $(this).find(".btn-agrega-nombre").data("carrera",result["alumno"][index]["carrera"]);
                                                $(this).find(".btn-agrega-nombre").data("color",result["alumno"][index]["estado_color"]);
                                            }
                                        });
                                    }else{//sin alumnos
                                        $("#resultados").addClass("d-none");
                                        $("#sin_alumnos").removeClass("d-none");
                                    }
                                    
                                }
                            },
                            error: function(jqXHR, textStatus, errorThrown ){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(errorThrown);
                                $("#modal").modal("hide");
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }
                        });//ajax
                    }
                });

                $('#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);
                });
            });
        </script>
    </body>
</html>