Atenea
/
sgi


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

    $menu = 10;
    $submenu = 101;

    //--- Objeto para validar usuario. El id de usuario lo lee desde sesión
    $objSesion = new ValidaSesion($pdo, $submenu, GEMA);
    if(!$objSesion->tieneAcceso() || !$objSesion->puedeEditar()){
        header("Location: main.php");
        exit;
    }
    
?>

<!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/month-picker.css" type="text/css">
        <link rel="stylesheet" href="../css/calendar.css" type="text/css">
        <link rel="stylesheet" href="../css/custominputfile.css" type="text/css">
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, GEMA, "Carga múltiple de alumnos");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //Tipo contacto
                $stmt = $pdo->prepare('Select * from fs_tipocontacto(NULL)');
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los tipos de contacto";
                }else{
                    $tipocontacto_rs = $stmt->fetchAll();
                }
                $stmt->closeCursor();
                
                //Periodo
                $stmt = $pdo->prepare('Select * from fs_periodo(:id, 1, NULL, true)');
                $stmt->bindParam(":id", $_SESSION["periodo_id"]);
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los planes de estudio";
                }else{
                    $periodo_rs = $stmt->fetch();
                }
                $stmt->closeCursor();

                $fecha = date("m/Y", strtotime($periodo_rs["Periodo_fecha_inicial"]));
                
                //--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 alumno."; break;
                        case 1: $errorDesc = "Ocurrió un error al insertar los datos del alumno. Los prámetros pueden ser incorrectos"; break;
                        case 2: $errorDesc = "No tienes permisos para realizar esa acción."; break;
                        case 3: $errorDesc = "Ocurrió un error al insertar los datos de contacto del alumno."; break;
                        case 4: $errorDesc = "Todos los alumnos del archivo ya existen y no se guardó ninguno."; break;
                        case 5: $errorDesc = "Ocurrió un error al insertar los datos del alumno en el programa académico."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "Los alumnos en el archivo se guardaron correctamente."; break;
                        case 1: $successDesc = "Los alumnos en el archivo se guardaron correctamente. ".$_GET["rep"]." alumnos ya existían y fueron ignorados."; 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">
                            <a href="alumnos.php" class="btn btn-outline-secondary"><?php echo $ICO["cancelar"];?> Regresar</a>
                        </p>
                        <?php }?>
                    </div>
                </div>
                
                <?php include_once("../include/errorMessage.php");?>
                
                <p><a href="./files/alumnosTemplate.xlsx" download="alumnosTemplate.xlsx" class="btn btn-outline-secondary"><?php echo $ICO["descargar"];?> Descarga la plantilla de datos</a></p>
                <div class="row">
                    <div class="col-12">
                        <form method="post" id="forma">
                            <div class="form-box">
                                <div class="form-group row">
                                    <label for="archivo" class="col-12 col-sm-6 col-form-label">Selecciona el archivo con la información de los alumnos que serán importados</label> 
                                    <div class="col-12 col-sm-6 mb-3">
                                        <input type="file" name="archivo" id="archivo" required="required" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
                                        
                                        <div class="invalid-feedback">Selecciona un archivo.</div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="mt-3 d-none" id="sin_alumnos">
                    <p class="text-danger">No hay alumnos para importar.</p>
                </div>
                <div class="mt-3 d-none" id="previo">
                    <hr/>
                    <form action="./action/alumnos_importar.php" method="post" onsubmit="return validaForma()">
                        <div class="row justify-content-md-center">
                            <div class="col-12">
                                <p>A continuación se muestra la cantiadad de datos que se van a importar. Selecciona la generación y presiona el botón Importar.</p>
                                <div class="row">
                                    <div class="col-12 form-box">
                                        <div class="form-group row">
                                            <label for="ingreso-nueva" class="col-4 col-form-label">Generación *</label> 
                                            <div class="col-8  col-sm-4">
                                                
                                                <input id="ingreso-nueva" type="text" class="form-control date-picker hasDatepicker" placeholder="mm/aaaa" maxlength="10" readonly="readonly" required="required">
                                                <input type="hidden" id="ingreso-nueva-hidden" name="ingreso">
                                                <div class="invalid-feedback">No es una fecha válida.</div>

                                            </div>
                                        </div>
                                        <!--<div class="form-group row">
                                            <label for="ingreso" class="col-4 col-form-label">Fecha ingreso</label> 
                                            <div class="col-8 col-sm-4">
                                                <input id="ingreso" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" readonly="readonly" value="<?php echo date("d/m/Y");?>">
                                                <input type="hidden" id="ingreso-hidden" name="ingresoDefault">
                                                <div class="text-info"><small>Se usará si la columna de fecha en el archivo está vacía</small></div>
                                                <div class="invalid-feedback">No es una fecha válida.</div>
                                            </div>
                                        </div>-->
                                    </div>
                                </div>
                                
                                <div id="upload_list">
                                    <div class="alumno">
                                        <input type="hidden" name="apellidos[]" class="apellidos">
                                        <input type="hidden" name="nombre[]" class="nombre">
                                        <input type="hidden" name="clave[]" class="clave">
                                        <input type="hidden" name="curp[]" class="curp">
                                        <input type="hidden" name="plan[]" class="plan">
                                    </div>
                                </div>

                                <p class="mt-3">Se leyeron <span id="al_total" class="font-weight-bold">0</span> registros, <span id="al_omitidos" class="font-weight-bold">0</span> fueron omitidos por falta de datos.</p>
                                <div id="omitidos_block" class="d-none  table-responsive">
                                    <p>Los registros omitidos son:</p>
                                    <table class="table table-sm table-striped table-white">
                                        <thead class="thead-dark">
                                            <tr class="text-center">
                                                <th>Apellidos</th>
                                                <th>Nombre(s)</th>
                                                <th>Clave</th>
                                                <th>CURP</th>
                                                <th>Ingreso</th>
                                                <th>Generación</th>
                                                <th><span class="fas fa-at"></span></th>
                                                <th><span class="fas fa-phone"></span></th>
                                                <th><span class="fas fa-mobile-alt"></span></th>
                                            </tr>
                                        </thead>
                                        <tbody id="al_list">
                                            <tr class="alumno">
                                                <td class="apellidos"><span></span></td>
                                                <td class="nombre"><span>-</span></td>
                                                <td class="clave"><span>-</span></td>
                                                <td class="curp"><span><?php echo $ICO["cancelar"];?></span></td>
                                                <td class="ingreso"><span>-</span></td>
                                                <td class="generacion"><span>-</span></td>
                                                <td class="correo font-small"><span>-</span></td>
                                                <td class="telcasa font-small"><span>-</span></td>
                                                <td class="telcel font-small"><span>-</span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 text-center">
                                <button type="submit" class="btn btn-outline-primary" ><span class="fas fa-upload fa-fw"></span> Importar</button>
                                <a href="alumnos.php" class="btn btn-outline-danger"><?php echo $ICO["cancelar"];?> Cancelar</a>
                            </div>
                        </div>
                    </form>
                </div><!-- /previo -->
                
            </main>
            <!--- FOOTER--->
            <?php require_once("../include/footer.php"); ?>
            
        </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/fechas.js"></script>
        <script src="../js/util.js"></script>
        <script src="../js/sidebarmenu.js"></script>
        <script src="../js/custominputfile.min-es.js"></script>
        <script src="../js/datalist.js"></script>
        <script src="../js/month-picker.js"></script>
        <script>
           
            function validaForma(){
                var error = false;
                $(".is-invalid").removeClass("is-invalid");
                
                if($("#ingreso-nueva-hidden").val() ==""){
                    $("#ingreso-nueva").addClass("is-invalid");
                    error = true;
                    $('#forma')[0].scrollIntoView({ block: "start" });
                }
                return !error;
            }
            
            $(document).ready(function(){
                //$(".date-picker" ).datepicker({ dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true, defaultDate:'<?php echo date("d/m/Y");?>'});
                //$(".date-picker" ).datepicker( $.datepicker.regional[ "es" ] );
                $('#ingreso-nueva').MonthPicker({ Button: false, MaxMonth: 2, MonthFormat: 'M, yy', AltFormat: 'yy-mm-dd', AltField: '#ingreso-nueva-hidden', SelectedMonth: <?php echo $fecha; ?> }); 
                
                $('#archivo').customFile({
                    allowed: ['xls', 'xlsx'],
                    maxFiles: 1,
                    maxKBperFile: 20*1024,
                    popup : {
                        active : true, // false if you don’t like popup messages
                        autoclose : true, // or false
                        delay : 4000 // delay for close (in miliseconds), of course, if autoclose is set true
                    },
                    callbacks : {
                        beforeRemove : function(item){
                            $("#previo").addClass("d-none");
                        },
                        onSuccess : function(item, callback){
                            $.customFile.ajax(item, {
                                url : "./action/alumnos_importar_previo.php",
                                type: "POST",
                                dataType: "json",
                                progressBar : {
                                    appendTo: item.node,
                                    closeAfterComplete: false
                                },
                                success: function(result) {
                                    if(result["error"]!= "" &&  result["error"] !== undefined){
                                        $("#errorBox").collapse('show');
                                        $("#errorBox_text").html(result["error"]);
                                        $('#messageBox')[0].scrollIntoView({ block: "end" });
                                    }else{
                                        $("#al_omitidos").html(result["omitidos"]);
                                        if(result["alumnosArr"].length == 0){//alumnos
                                            $("#previo").addClass("d-none");
                                            $("#errorBox").collapse('show');
                                            $("#errorBox_text").html("No se encontraron alumnos para importar");
                                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                                        }else{
                                            $('#forma')[0].scrollIntoView({ block: "start" });
                                            
                                            $("#al_total").html(result["alumnosArr"].length);
                                            $("#previo").removeClass("d-none");
                                            $("#sin_alumnos").addClass("d-none");
                                            /*
                                            if(result["omitidosArr"].length > 0){
                                                $("#omitidos_block").removeClass("d-none");
                                                //$("#al_list").find("td").html("");//limpia tabla actual
                                                var rows = $("#al_list > tr").length;//cuenta accesos actuales
                                                if(rows > result["omitidosArr"].length){//sobran
                                                    //borrar renglones extra (rows - result.length) pero dejar al menos 1
                                                    while(rows > result["omitidosArr"].length && rows > 1){
                                                            $("#al_list .alumno:last-child").remove();
                                                            rows--;
                                                    }
                                                }else{//faltan
                                                    // clone the rest of the rows
                                                    for(var i=0; i<(result["omitidosArr"].length - rows); i++){
                                                        $("#al_list .alumno:first-child").clone().appendTo("#al_list");
                                                    }
                                                }

                                                $("#al_list tr").each(function(index) {
                                                    if(index < result["omitidosArr"].length){//llenar info
                                                        //$(this).find(".num").html(index+1);
                                                        $(this).find(".apellidos span").text(result["omitidosArr"][index]["apellidos"]);
                                                        $(this).find(".nombre span").html(result["omitidosArr"][index]["nombre"]);
                                                        $(this).find(".clave span").html(result["omitidosArr"][index]["clave"]);
                                                        $(this).find(".curp span").html(result["omitidosArr"][index]["curp"]);
                                                        $(this).find(".ingreso span").html(result["omitidosArr"][index]["ingreso"]);
                                                        $(this).find(".generacion span").html(result["omitidosArr"][index]["generacion"]);
                                                        $(this).find(".correo span").html(result["omitidosArr"][index]["correo"]);
                                                        $(this).find(".telcasa span").html(result["omitidosArr"][index]["telcasa"]);
                                                        $(this).find(".telcel span").html(result["omitidosArr"][index]["telcel"]);
                                                    }
                                                });//each
                                            }else{
                                                $("#omitidos_block").addClass("d-none");
                                            }
                                            */
                                            //-----
                                            var rows = $("#upload_list > .alumno").length;//cuenta accesos actuales
                                            if(rows > result["alumnosArr"].length){//sobran
                                                //borrar renglones extra (rows - result.length) pero dejar al menos 1
                                                while(rows > result["alumnosArr"].length && rows > 1){
                                                        $("#upload_list .alumno:last-child").remove();
                                                        rows--;
                                                }
                                            }else{//faltan
                                                // clone the rest of the rows
                                                for(var i=0; i<(result["alumnosArr"].length - rows); i++){
                                                    $("#upload_list .alumno:first-child").clone().appendTo("#upload_list");
                                                }
                                            }

                                            $("#upload_list .alumno").each(function(index) {
                                                if(index < result["alumnosArr"].length){//llenar info
                                                    //$(this).find(".num").html(index+1);
                                                    $(this).find(".apellidos").val(result["alumnosArr"][index]["apellidos"]);
                                                    $(this).find(".nombre").val(result["alumnosArr"][index]["nombre"]);
                                                    $(this).find(".clave").val(result["alumnosArr"][index]["clave"]);
                                                    $(this).find(".curp").val(result["alumnosArr"][index]["curp"]);
                                                    $(this).find(".plan").val(result["alumnosArr"][index]["plan"]);
                                                    /*$(this).find(".ingreso").val(result["alumnosArr"][index]["ingreso"]);
                                                    $(this).find(".generacion").val(result["alumnosArr"][index]["generacion"]);
                                                    $(this).find(".correo").val(result["alumnosArr"][index]["correo"]);
                                                    $(this).find(".telcasa").val(result["alumnosArr"][index]["telcasa"]);
                                                    $(this).find(".telcel").val(result["alumnosArr"][index]["telcel"]);
                                                    $(this).find(".ingreso").val(result["alumnosArr"][index]["ingreso"]);*/
                                                }
                                            });//each
                                        }//fin alumnos
                                    }//fin else error
                                },
                                error: function(jqXHR, textStatus, errorThrown ){
                                    console.log("error");
                                    $("#errorBox").collapse('show');
                                    $("#errorBox_text").html("Error de PHP");
                                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                                },
                                complete : function(){
                                    callback();
                                }
                            }); 
                            return false; // Required for callback only fires once (when uploading is finished)
                        }
                    }
                });
            });
            
            $("#uploadBtn").click(function() {//Carga vista previa
               $("#forma").submit();
            });
            
        </script>
    </body>
</html>