Atenea
/
sgi


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

    $menu = 29;
    $submenu = 291;

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

<!DOCTYPE html>
<html lang="es" prefix="og: http://ogp.me/ns#">
    <head>
	<title>Constancias - 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">
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, CONSTANCIA, "Firmas");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //Obtiene datos del puesto 
                $stmt = $pdo->prepare('Select * from fs_puesto(NULL)');
                if(!$stmt->execute()){
                    //print_r($stmt->errorInfo());
                    $errorDesc = "Ocurrió un error al cargar el puesto";
                }else{
                    $puesto_rs = $stmt->fetchAll();
                }
                $stmt->closeCursor();

                //Obtiene firmas actuales
                $stmt = $pdo->prepare("Select * from fs_constanciafirma(NULL, NULL)");
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los estados de los alumnos.";
                }else{
                    $firma_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 de la firma."; break;
                        case 1: $errorDesc = "Ocurrió un error al insertar los datos de la firma."; break;
                        case 2: $errorDesc = "Ocurrió un error al actualizar los datos de la firma."; break;
                        case 3: $errorDesc = "Ocurrió un error al guardar el archivo de la firma."; break;
                        case 4: $errorDesc = "Ocurrió un error al cambiar el estado de la firma."; break;
                        case 5: $errorDesc = "Ocurrió un error al obtener el archivo de la firma."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "La firma se guardó correctamente."; break;
                        case 1: $successDesc = "La firma 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 firma</button>
                        </p>
                        <?php }?>
                    </div>
                </div>
                <?php include_once("../include/errorMessage.php");?>
                
                <?php
                if(isset($firma_rs)){
                ?>
                
                <!-- Filtro -->
                <div class="row">
                    <div class="col-12">
                        <form action="firmas.php" method="post">
                            <div class="form-box form-box-info">
                                <div class="form-group row">
                                    <label for="filter_edo" class="col-4 col-form-label">Estado</label>
                                    <div class="col-8 col-sm-4">
                                        <div class="datalist datalist-select mb-1 w-100">
                                            <div class="datalist-input">Mostrar todos</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <li data-id="">Mostrar todos</li>
                                                <li data-id="1" <?php if(isset($filter_edo) && $filter_edo == $estado["EstadoAlumno_id"]){echo "class='selected'";}?> >Activas</li>
                                                <li data-id="-1" <?php if(isset($filter_edo) && $filter_edo == $estado["EstadoAlumno_id"]){echo "class='selected'";}?> >Inactivas</li>
                                                
                                            </ul>
                                            <input type="hidden" id="filter_edo" name="edo" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row mb-4">
                                <div class="col-12 text-center">
                                    <button type="submit" class="btn btn-outline-primary"><?php echo $ICO["buscar"]; ?> Filtrar</button>
                                    <button type="button" class="btn btn-outline-danger btn-reset"><?php echo $ICO["borrar"]?> Limpiar</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- end Filtro -->
                
                
                <div class="row">
                    <div class="col-12 table-responsive">
                        <table class="table table-sm table-striped table-white">
                            <thead class="thead-dark">
                                <tr >
                                    <th style="width:10%">Activo</th>
                                    <th>Grado</th>
                                    <th>Nombre</th>
                                    <th>Puesto</th>
                                    <?php if($objSesion->puedeEditar()){ ?><th style="width:15%">Acciones</th><?php } ?>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                                foreach($firma_rs as $firma){
                                ?>
                                <tr data-id="<?php echo $firma["ConstanciaFirma_id"]; ?>" data-usr="<?php echo $firma["Usuario_id"]; ?>" id="id<?php echo $firma["ConstanciaFirma_id"]; ?>" <?php if(!$firma["ConstanciaFirma_activa"]){ ?>class="text-info"<?php } ?>>
                                    <td class="text-center"><?php if($firma["ConstanciaFirma_activa"]){ echo $ICO["aceptar"];}else{ echo $ICO["menos"];} ?></td>
                                    <td class="text-center firma-grado"><?php echo $firma["ConstanciaFirma_grado"]; ?></td>
                                    <td class="text-center firma-nombre"><?php echo $firma["ConstanciaFirma_nombre"]; ?></td>
                                    <td class="text-center firma-puesto"><?php echo $firma["ConstanciaFirma_puesto"]; ?></td>
                                    <?php if($objSesion->puedeEditar()){ ?>
                                    <td class="text-center icono-acciones">
                                        <?php if($firma["ConstanciaFirma_activa"]){ ?>
                                            
                                        <a href="#" data-toggle="modal" data-target="#modal_edit" data-tipo="2" data-total="<?php echo $firma["ConstanciaFirma_total"];?>" title="Editar"><?php echo $ICO["editar"];?></a>
                                            
                                        <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Desactivar" data-tipo="0"><?php echo $ICO["cancelar"];?></a>
                                        <?php } else { ?>
                                        <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Activar" data-tipo="1"><?php echo $ICO["ojo"];?></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 modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="col-12 modal-title text-center"><span id="modalLabel">Crear Firma</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 id="forma_buscar" action="./action/firma_insert.php" method="post" enctype="multipart/form-data">
                                <div class="form-box">
                                    <div class="form-group row" id="perfilBlock">
                                        <label class="col-4 col-form-label">Datos del firmante *</label> 
                                        <div class="col-8 px-4 pt-2">
                                            <div class="d-flex justify-content-between ">
                                                <div class="form-check form-check-inline">
                                                    <input type="radio" name="perfil" class="perfil form-check-input radio-lg" id="perfil_1" checked="checked" value="1" data-show="block-buscar" data-hide="block-crear">
                                                    <label class="ml-1 col-form-label form-check-label" for="perfil_1">Buscar por puesto</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input type="radio" name="perfil" class="perfil form-check-input radio-lg" id="perfil_2" value="2" data-show="block-crear" data-hide="block-buscar">
                                                    <label class="ml-1 col-form-label form-check-label" for="perfil_2">Alta manual</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="nombre" class="col-4 col-form-label text-right">Grado *</label> 
                                        <div class="col-8 col-md-4">
                                            <input id="grado" name="grado" type="text" class="form-control" placeholder="Ing. Mtro." maxlength="15">
                                        </div>
                                    </div>

                                    <div class="form-group row block-buscar" id="puestoBlock">
                                        <label for="puesto" class="col-4 col-form-label text-right">Puesto *</label> 
                                        <div class="col-8">
                                            <div class="datalist datalist-select mb-1 w-100">
                                                <div class="datalist-input">Selecciona un puesto</div>
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <?php foreach($puesto_rs as $puesto){
                                                        if(!empty($puesto["Usuario_id"])){
                                                    ?>
                                                    <li data-id="<?php echo $puesto["Puesto_id"];?>" data-usr="<?php echo $puesto["Usuario_id"];?>"><?php echo $puesto["Puesto_desc"]." - ".$puesto["Usuario_nombre"]." ".$puesto["Usuario_apellidos"];?></li>
                                                    <?php }
                                                    }?>
                                                </ul>
                                                <input type="hidden" id="puesto" name="puesto" value="">
                                            </div>
                                        </div>
                                    </div>
                                
                                    <div class="form-group row block-crear d-none">
                                        <label for="puesto_text" class="col-4 col-form-label text-right">Puesto *</label> 
                                        <div class="col-8">
                                            <input id="puesto_text" name="puesto_text" type="text" class="form-control" placeholder="Puesto precargado en constancias" >
                                        </div>
                                    </div>
                                    <div class="form-group row block-crear d-none">
                                        <label for="nombre" class="col-4 col-form-label text-right">Nombre *</label> 
                                        <div class="col-8">
                                            <input id="nombre" name="nombre" type="text" class="form-control" placeholder="Nombre Apellidos">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="archivo" class="col-4 col-form-label">Firma formato PNG *</label> 
                                        <div class="col-8">
                                            <input type="file" name="firma" id="firma" accept="image/png">
                                            <div class="invalid-feedback">Se debe adjuntar un archivo de imagen.</div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <div class="offset-4">
                                        <button type="button" class="btn btn-outline-primary" id="btn-guarda" data-tipo="1"><?php echo $ICO["aceptar"]; ?> Guardar</button>
                                        <button type="button" class="btn btn-outline-danger" data-dismiss="modal" aria-label="Close"><?php echo $ICO["cancelar"]; ?> Cancelar</button>
                                    </div>
                                </div>
                            </form>

                            
                        </div><!-- /Body-->
                    </div>
                </div>
            </div>

            <div class="modal fade" id="modal_edit" 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">Editar Firma</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="./action/firma_update.php" method="post" enctype="multipart/form-data" onsubmit="return validaEnviar()">
                                <input type="hidden" id="firma_id" name="firma_id">
                                <input type="hidden" id="usr_id" name="usr_id">
                                <div class="form-box">
                                    <div class="form-group row">
                                        <label for="nombre" class="col-4 col-form-label text-right">Grado *</label> 
                                        <div class="col-8 col-md-4">
                                            <input id="edita_grado" name="grado" type="text" class="form-control" placeholder="Ing. Mtro." maxlength="15">
                                        </div>
                                    </div>

                                    <div class="form-group row">
                                        <label for="nombre" class="col-4 col-form-label text-right">Nombre *</label> 
                                        <div class="col-8">
                                            <input id="edita_nombre" name="nombre" type="text" class="form-control" placeholder="Nombre Apellidos">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="puesto_text" class="col-4 col-form-label text-right">Puesto *</label> 
                                        <div class="col-8">
                                            <input id="edita_puesto_text" name="puesto_text" type="text" class="form-control" placeholder="Puesto precargado en constancias" >
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label for="archivo" class="col-4 col-form-label">Firma formato PNG *</label> 
                                        <div class="col-8">
                                            <input type="file" name="firma" id="edita_firma" accept="image/png">
                                            <div class="invalid-feedback">Se debe adjuntar un archivo de imagen.</div>
                                            <p style="font-size: 80%;" class="mt-2"><span class="ing-importante2"></span> Si no deseas cambiar la firma, no selecciones archivo</p>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group row">
                                    <div class="offset-4">
                                        <button type="submit" class="btn btn-outline-primary" id="btn-edita" data-tipo="2"><?php echo $ICO["aceptar"]; ?> Guardar</button>
                                        <button type="button" class="btn btn-outline-danger" data-dismiss="modal" aria-label="Close"><?php echo $ICO["cancelar"]; ?> Cancelar</button>
                                    </div>
                                </div>
                            </form>

                        </div><!-- /Body-->
                    </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" id="confirm_pregunta"></p>
                                    <p id="confirm_texto"></p>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <form action="./action/firma_delete.php" method="post">
                                <input type="hidden" id="id_borrar" name="id" value="">
                                <input type="hidden" id="edo_borrar" name="edo" value="">
                                <button type="submit" class="btn btn-outline-primary"><?php echo $ICO["aceptar"];?> <span id="confirm_btn">Desactivar</span></button>
                                <button type="button" class="btn btn-outline-danger" data-dismiss="modal" aria-label="Close"><?php echo $ICO["cancelar"];?> Cancelar</button>
                            </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>
        <script src="../js/datalist.js"></script>
        <script src="../js/util.js"></script>
        <script>
            $(document).on( "click", ".btn-reset", function(event){
                var forma = $(this).parents("form");
                setDatalistFirst("#filter_edo");
                //forma.find("input[type=text]").val("");
                //forma.find("select").prop("selectedIndex",0);
                forma.submit();
            });
        </script>
        <?php if($objSesion->puedeEditar()){ ?>
        
        <script>
            
            $(document).ready(function(){
                
                $(".perfil").click(function(event){
                    //var opcion = $(event.relatedTarget); // Button that triggered the modal
                    var opcion = $(this);
                    console.log(opcion.data("show"));
                    console.log(opcion.data("hide"));
                    $("."+opcion.data("show")).removeClass("d-none");
                    $("."+opcion.data("hide")).addClass("d-none");
                    $("."+opcion.data("hide")).find("input[type=text]").val("");
                    $(".is-invalid").removeClass("is-invalid");
                    invalidDatalist("#puesto", false);

                });
                
                $('#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);
                    $("#edo_borrar").val(button.data("tipo"));

                    if(button.data("tipo") == 0){//Desactivar
                        $("#confirm_pregunta").text("¿Estás seguro de que quieres Desactivar la firma?");
                        $("#confirm_texto").text("Las firmas no se pueden borrar, solo se ocultarán en la generación de constancias.");
                        $("#confirm_btn").text("Desactivar");
                    }else{
                        $("#confirm_pregunta").text("¿Estás seguro de que quieres Activar la firma?");
                        $("#confirm_texto").text("Las firmas activas se muestran en la generación de constancias.");
                        $("#confirm_btn").text("Activar");
                    }
                });

                function valida(puesto_activo){
                    var error = false;
                    if($("#grado").val() == ""){
                        invalidDatalist("#grado", true);
                        error = true;
                    }
                    if(puesto_activo){
                        if($("#puesto").val() == ""){
                            invalidDatalist("#puesto", true);
                            error = true;
                        }
                    }else{
                        if(trim($("#nombre").val()) == ""){
                            error = true;
                            $("#nombre").addClass("is-invalid");
                        }
                        if(trim($("#puesto_text").val()) == ""){
                            error = true;
                            $("#puesto_text").addClass("is-invalid");
                        }
                    }
                    if($("#btn-guarda").data("tipo")==1 && trim($("#firma").val()) == ""){
                        error = true;
                        $("#firma").addClass("is-invalid");
                    }
                    return !error;
                }

                $("#btn-guarda").click(function(e){
                    if(valida($("#perfil_1").prop("checked"))){//si está completo
                        $("#forma_buscar").submit();
                    }
                });

                function validaEnviar(){
                    error = false;
                    if($("#edita_grado").val() == ""){
                        invalidDatalist("#edita_grado", true);
                        error = true;
                    }
                    if(trim($("#edita_nombre").val()) == ""){
                        error = true;
                        $("#edita_nombre").addClass("is-invalid");
                    }
                    if(trim($("#edita_puesto_text").val()) == ""){
                        error = true;
                        $("#edita_puesto_text").addClass("is-invalid");
                    }
                    return !error;
                }

                $('#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("");
                    $("#btn-guarda").data("tipo", tipo);
                    $("#firma").val("");
                    
                    $("#btn-guarda").data('tipo', 1);
                    
                    modal.find("input[type=text]").val("");
                    disableDatalist("#puesto", false);
                    setDatalistFirst("#puesto");
                    $("#perfilBlock").show();
                    $("#puestoBlock").show();
                    $("#editar_firma").hide();
                });//show

                $('#modal_edit').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("");
                    $("#btn-guarda").data("tipo", tipo);
                    $("#firma").val("");
                    
                    //obtiene datos de usuario
                    var uid =  $(button).parents("tr").data("usr");
                    $("#firma_id").val($(button).parents("tr").data("id"));
                    $("#usr_id").val(uid);
                    
                    if(uid == ""){
                        $("#edita_nombre").prop("readonly", false);
                    }else{
                        $("#edita_nombre").prop("readonly", true);
                    }
                    if(parseInt(button.data("total")) == 0){//sin firmas, se puede editar
                        $("#edita_firma").parents(".row").removeClass("d-none");
                    }else{
                        $("#edita_firma").parents(".row").addClass("d-none");
                    }
                    $("#edita_nombre").val($(button).parents("tr").find(".firma-nombre").text());
                    $("#edita_puesto_text").val($(button).parents("tr").find(".firma-puesto").text());
                    $("#edita_grado").val($(button).parents("tr").find(".firma-grado").text());
                    
                    
                });//show
            });
        </script>
        <?php } ?>
    </body>
</html>