Atenea
/
sgi


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

    $menu = 30;
    $submenu = 304;
    //--- Objeto para validar usuario. El id de usuario lo lee desde sesión
    $objSesion = new ValidaSesion($pdo, $submenu, CONSTANCIA);
    if(!$objSesion->tieneAcceso()){
        $objSesion->terminaSesion();
    }
    $objSesion->validaPeriodoUsuario();//si no tiene periodo manda a main
    if(!$objSesion->puedeEditar()){
        $errorDesc = "No tienes permiso de editar las fechas.";
    }

    if(!isset($_POST["part_tipo"], $_POST["part_tipo_desc"], $_POST["concurso"])){
        header("Location: constancias_ei.php?error=0");
    }

    $concurso = filter_input(INPUT_POST, "concurso", FILTER_SANITIZE_NUMBER_INT);//limpia texto
    $part = filter_input(INPUT_POST, "part_tipo", FILTER_SANITIZE_NUMBER_INT);//limpia texto
    $part_desc = trim(filter_input(INPUT_POST, "part_tipo_desc", FILTER_SANITIZE_STRING,array('flags' => FILTER_FLAG_STRIP_LOW)));//limpia texto
    $doc_id = filter_input(INPUT_POST, "doc_id", FILTER_SANITIZE_NUMBER_INT);//limpia texto
    $doc_desc = trim(filter_input(INPUT_POST, "doc_desc", FILTER_SANITIZE_STRING,array('flags' => FILTER_FLAG_STRIP_LOW)));//limpia texto

    
?>

<!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">
        <link rel="stylesheet" href="../css/jquery-ui.css" type="text/css">
        <link rel="stylesheet" href="../css/calendar.css" type="text/css">
        <link rel="stylesheet" href="../css/toggle.css" type="text/css">
        <style>
        .ing-rotate-45 {
            -webkit-transform: rotate(315deg);
            -moz-transform: rotate(315deg);
            -ms-transform: rotate(315deg);
            -o-transform: rotate(315deg);
            transform: rotate(315deg);
        }
        #participante_list .form-check-input {
            position: relative;
        }
        </style>
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, CONSTANCIA, "Crear constancias ExpoIngenia");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //Texto constancia
                $stmt = $pdo->prepare('SELECT * FROM fs_textoconstanciasistema(:tipo, '.EXPOING.')');
                $stmt->bindParam(":tipo", $part);
                if($stmt->execute()){
                    $texto_rs = $stmt->fetch();
                }else{
                    $errorDesc = "Ocurrió un error al obtener los datos del concurso.";
                }
                $stmt->closeCursor();
                $stmt = null;

                //Obtiene IDs de usuarios
                $stmt = $pdo->prepare('select * from ei_fs_constanciasconcurso(:conc, :tipo)');
                $stmt->bindParam(":conc", $concurso);
                $stmt->bindParam(":tipo", $part);
                if($stmt->execute()){
                    $usr_rs = $stmt->fetchAll();
                }else{
                    $errorDesc = "Ocurrió un error al obtener los usuarios.";
                }
                $stmt->closeCursor();
                $stmt = null;


                $stmt = $pdo->prepare('Select * from fs_constanciafirma(NULL, true)');
                if($stmt->execute()){
                    $firmas_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 para generar el archivo."; break;
                        case 1: $errorDesc = "No tienes permisos de realizar esa acción."; break;
                        case 2: $errorDesc = "Ocurrió un error al obtener los datos de las constancias."; break;
                        case 3: $errorDesc = "Ocurrió un error al generar las constancias."; break;
                        case 4: $errorDesc = "Ocurrió un error al actualizar el texto de las constancias."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "Las fechas se guardaron correctamente."; break;
                    }
                }
            ?>
            <main class="container-fluid content marco">
                <?php include_once("../include/errorMessage.php");?>
                
                <?php if ($objSesion->puedeEditar()){
                ?>
                <div id="forma_block">
                    <form action="./export/pdf_constancias_ei_split.php" method="post" id="formaConstancias" enctype="multipart/form-data">
                        <!-- id documento se obtiene solo cuando se genera -->
                        <input type="hidden" name="concurso" value="<?php echo $concurso;?>">
                        <input type="hidden" name="doc_desc" id="doc_desc" value="<?php echo $doc_desc;?>"><!-- texto: constancia, reconocimiento -->
                        <input type="hidden" name="doc_id" id="doc_id" value="<?php echo $doc_id;?>">
                        <input type="hidden" id="motivo" name="motivo" value="<?php echo $part_desc;?>"> <!-- participante, ganador..-->
                        <input type="hidden" id="part_id" name="part_id" value="<?php echo $part;?>"> <!-- participante, ganador..-->

                        <div class="form-box">
                            <div class="form-group row">
                                <label  class="col-4 col-form-label">Participantes *</label> 
                                <div class="col-8 col-md-6">
                                    <div style="max-height:200px; overflow:auto; padding-right:10px" id="participante_list">
                                        <?php foreach($usr_rs as $usr){?>
                                            <div class="ml-4">
                                                <input type="checkbox" name="participantes[]" class="form-check-input radio-md participante_check" value="<?php echo $usr["idusuario"];?>" id="usr_check<?php echo $usr["idusuario"];?>" checked="checked">
                                                <label for="usr_check<?php echo $usr["idusuario"];?>"><?php echo $usr["nombre"];?></label>
                                            </div>
                                            
                                        <?php } ?>
                                    </div>
                                    
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="desc" class="col-4 col-form-label">Texto de la constancia *<br><button type="button" class="btn btn-sm btn-outline-secondary" data-toggle="modal" data-target="#modalPalabras">Palabras clave <span class="ing-flecha ing-rotate-45"></span></button></label> 
                                <div class="col-8 col-md-6">
                                    <textarea  id="desc" name="desc" class="richtext" rows="4"><?php echo $texto_rs["ConstanciaTextoSistema_desc"]; ?></textarea>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="fecha" class="col-4 col-form-label">Fecha de la constancia *</label> 
                                <div class="col-8 col-md-4">
                                    <input id="fecha" name="fecha" type="text" class="form-control date-picker-all" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly" value="<?php echo date("d/m/Y");?>">
                                </div>

                            </div>
                            <div class="form-group row">
                                <label for="fecha" class="col-4 col-form-label">Imagen adicional</label> 
                                <div class="col-6 col-md-4">
                                    <input id="logo" name="archivo" type="file" class="form-control-file" accept="image/png, image/gif, image/jpeg">
                                </div>
                                <!--<div class="col-2">
                                    <button type="button" class="btn btn-outline-danger btn-clear-file btn-block" onclick="$('#logo').val('');"><?php echo $ICO["borrar"];?></button>
                                </div>-->
                            </div>
                            

                            <div class="form-group row">
                                <label for="tipo" class="col-4 col-form-label">Número de firmas *</label> 
                                <div class="col-8 col-md-4">
                                    <div class="datalist datalist-select mb-1 w-100" id="datalistFirmas">
                                        <div class="datalist-input">1 Firma</div>
                                        <span class="ing-buscar icono"></span>
                                        <ul style="display:none">
                                            <?php for($i=1; $i<=4; $i++) {?>
                                            <li data-id="<?php echo $i;?>"><?php echo $i;?> Firma<?php if ($i>1){echo 's';}?> </li>
                                            <?php }?>
                                        </ul>
                                        <input type="hidden" id="num_firmas" name="num_firmas" value="1">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="font-weight-bold">Orden de los firmantes</p>
                        <ul>
                            <li>Jerarquía alta | Jerarquía baja </li>
                            <li>Jerarquía baja | Jerarquía alta | Jerarquía media</li>
                        </ul>
                        <div class="form-box" id="firmas_block">
                            <div class="form-group row firma-box" data-id="1">
                                <div class="col-5">
                                    <div class="datalist datalist-select mb-1 w-100 datalist-firma" id="datalistFirma_1">
                                        <div class="datalist-input">1</div>
                                        <span class="ing-buscar icono"></span>
                                        <ul style="display:none">
                                            <?php foreach($firmas_rs as $firma) { ?>
                                            <li data-id="<?php echo $firma["ConstanciaFirma_id"];?>" data-puesto="<?php echo $firma["ConstanciaFirma_puesto"];?>">
                                                <?php
                                                    //echo mb_convert_case(mb_strtolower($firma["ConstanciaFirma_nombre"]), MB_CASE_TITLE, "UTF-8");
                                                    echo $firma["ConstanciaFirma_nombre"];
                                                ?>
                                            </li>
                                            <?php }?>
                                        </ul>
                                        <input type="hidden" id="firma_1" name="firma[]" value="0" class="firma_input">
                                    </div>
                                </div>
                                <div class="col-5">
                                    <input type="text" id="puesto_1" name="puesto[]" class="form-control puesto_input" placeholder="Puesto" value="<?php echo $firmas_rs[0]["ConstanciaFirma_puesto"];?>" required="required">
                                </div>
                                <div class="col-2 pt-1 pl-4">
                                    <input type="checkbox" class="form-check-input radio-md lleva_firma" value="1" id="lleva_firma_1">
                                    <label for="lleva_firma_1">Mostrar firma</label>
                                    <input name="lleva_firma[]" type="hidden" class="lleva_firma_hidden" value="0">
                                </div>
                            </div>
                        </div>


                        <div class="form-group row">
                            <div class="col-12 text-center">
                                <button type="button" class="btn btn-outline-primary btn-abrir-confirm"><?php echo $ICO["aceptar"];?> Generar constancias</button>
                                <a href="constancias_ei.php?id=<?php echo $concurso;?>"  class="btn btn-outline-danger"><span class="ing-cancelar"></span> Regresar</a>
                            </div>
                        </div>
                    </form>
                </div>
                <div id="generado_block" class="d-none">
                    <h3 class="mt-5"><?php echo $ICO["alerta"];?> Se está generado el archivo .zip de los documentos elegidos</h3>
                    <p class="text-center">
                        <a href="constancias_ei.php?id=<?php echo $concurso;?>"  class="btn btn-outline-primary mt-3"><span class=""></span> Regresar</a>
                    </p>
                </div>
                <?php } ?>
            </main>
            <!--- FOOTER--->
            <?php require_once("../include/footer.php"); ?>


            <!-- Modal -->

            <div class="modal fade" id="modal_confirm" 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-body">
                            <div class="row">
                                <div class="col bg-light p-4">
                                    <h4 id="confirm-participante">Nombre</h4>
                                    <div id="confirm-desc">Texto</div>
                                    <p id="confirm-fecha">Fecha</p>
                                    <div class="row" id="confirm-firma-list">
                                        <div class="col">
                                            <p><b class="confirm-firma">Firma</b><br>
                                            <span class="confirm-puesto">Puesto</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col">
                                    <p class="font-weight-bold">¿Estás seguro de que quieres generar las constancias?</p>
                                    <p>Una vez generadas se asignará un folio único.<br>En caso de haber errores se deberá cancelar y generar una nueva.</p>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="hidden" id="id_borrar" value="">
                            <button type="button" class="btn btn-outline-primary btn-enviar"><?php echo $ICO["aceptar"];?> Continuar</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>

            <!-- Plabras clave -->
            <div class="modal fade" id="modalPalabras" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="col-12 modal-title text-center"><span id="modalLabel">Palabras clave</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>Los códigos serán reemplazados por la información personalizada de la persona o concurso.</p>
                            <?php foreach($_CODIGO_TEXTO as $codigo){?>
                            <div class="row mb-2">
                                <div class="col-6">
                                    <p class="text-right my-2"><?php echo $codigo["desc"];?></p>
                                </div>
                                <div class="col-6">
                                    <div class="input-group">
                                        <input type="text" class="form-control texto-copiar text-info" value="<?php echo $codigo["code"];?>" readonly="true">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-primary btn-copiar" type="button" title="Copiar código" data-dismiss="modal"><span class="ing-copiar"></span></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php } ?>
                            <div class="text-center mt-4"><button type="reset" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cerrar</button></div>
                        </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/fechas.js"></script>
        <script src="../js/sidebarmenu.js"></script>

        <?php if($objSesion->puedeEditar()){ ?>
        <script src="../js/toggle.js"></script>
        <script src="../js/datalist.js"></script>
        <script src="../js/util.js"></script>
        <script src="../js/tinymce/tinymce.min.js"></script>
        
        <script>
            var datepickerOptions_all = { dateFormat: "dd/mm/yy", changeMonth: true};

            tinymce.init({
                selector: '.richtext',
                statusbar: false,
                toolbar: 'undo redo | bold italic',
                branding: false,
                menubar: false,
                valid_elements : 'strong/b,em/i', 
            });
            
            $(document).ready(function(){
                setDatalistFirst("#tipo");
                setDatalistFirst("#firma_1");

                $(".date-picker-all" ).datepicker(datepickerOptions_all);
                $(".date-picker-all" ).datepicker( $.datepicker.regional[ "es" ] );

                $("#datalistFirmas ul li").click(function(){//cambia datalist
                    var total = $("#firmas_block .firma-box").length;
                    var nuevos = $(this).data('id');
                    if(total < nuevos){
                        //Clonar
                        do{
                            var cloned = $("#firmas_block >.firma-box:first-child").clone(true).appendTo("#firmas_block");
                            //cloned.find("input").val("");
                            total++;
                            cloned.find(".firma_input").attr("id", "firma_"+total);
                            cloned.find(".puesto_input").attr("id", "puesto_"+total);
                            cloned.data("id", total);

                            cloned.find(".lleva_firma").attr("id", "lleva_firma_"+total);
                            cloned.find(".lleva_firma").siblings("label").attr("for", "lleva_firma_"+total);
                        }while(total < nuevos);

                    }else if(total > nuevos){
                        //Quitar
                        do{
                            $("#firmas_block >.firma-box:last-child").remove();
                            total--;
                        }while(total > nuevos);
                    }
                    
                });

                $(".datalist-firma ul li").click(function(){//cambia datalist
                    var id = $(this).parents(".firma-box").data('id');
                    var puesto = $(this).data('puesto');
                    console.log("Busca puesto "+id+", "+puesto);
                    $("#puesto_"+id).val(puesto);
                });

                $(".btn-copiar").click(function(){
                    var textoCopiar = $(this).parents(".input-group").find('.texto-copiar');
                    textoCopiar.select();
                    document.execCommand("copy");
                    window.getSelection().removeAllRanges();
                    //textoCopiar.blur();
                });

                //--- Modales

                $(".block-crear").removeClass("d-none"); // Quitar
                $('#modalParticipante').on('show.bs.modal', function (e) {
                    $('#modalParticipante').find("input[type=text]").val("");
                });
                $('#modalParticipante').on('shown.bs.modal', function (e) {
                    $('#modalParticipante').find("input[type=text]:first").focus();
                });

                $('#modalParticipante input[type=text]').keydown(function(event) {
                    if (event.keyCode == 13) {
                        $("#btn-guarda").trigger('click');
                    }
                });

                $(".perfil").click(function(){
                    var show = $(this).data("show");
                    var hide = $(this).data("hide");
                    $("."+show).removeClass("d-none");
                    $("."+hide).addClass("d-none");
                    $("#resultados").addClass("d-none");
                    $("#nombre_alumno").removeClass("is-invalid");
                });

                $("#btn-guarda").click(function(){
                    $("#nombre_alumno").removeClass("is-invalid");
                    var nombre_new = trim($("#nombre_alumno").val() );
                    //console.log(nombre_new);
                    if(nombre_new == ""){
                        $("#nombre_alumno").addClass("is-invalid");
                        return;
                    }
                    if($("#participante_list").hasClass("d-none")){
                        $(".participante-block .part-texto").val( nombre_new );
                        $(".participante-block .part-texto").attr("disabled", false);
                        $("#participante_list").removeClass("d-none");
                    }else{
                        var cloned = $("#participante_list >.participante-block:first-child").clone(true).appendTo("#participante_list");
                        cloned.find(".part-texto").val(nombre_new);
                    }
                    $('#modalParticipante').modal('hide');
                });
                

                $(".btn-abrir-confirm").click(function(){
                    if(validaForma()){
                        $('#modal_confirm').modal('show');
                    }else{
                        $("#errorBox").collapse('show');
                        $('#messageBox')[0].scrollIntoView({ block: "end" });
                    }
                });


                $('#modal_confirm').on('show.bs.modal', function (e) {
                    $("#confirm-participante").text( $(".participante-block .part-texto:first-child").val() );
                    $("#confirm-desc").html( tinymce.get('desc').getContent() );
                    $("#confirm-fecha").text( $("#fecha").val() );
                    var firmas_block = $("#confirm-firma-list .col").length;
                    var firmas = $('.puesto_input').length;

                    if(firmas_block < firmas){//faltan
                        do{
                            var cloned = $("#confirm-firma-list >.col:first-child").clone(true).appendTo("#confirm-firma-list");
                            firmas_block++;
                        }while(firmas_block < firmas);
                    }else{
                        while(firmas_block > firmas){
                            $("#confirm-firma-list >col:last-child").remove();
                            firmas_block--;
                        }
                    }

                    $.each($('#confirm-firma-list .col'), function(i){
                        var nombre = getDatalistText($("#firma_"+(i+1)), $("#firma_"+(i+1)).val())
                        $(this).find(".confirm-firma").text( nombre );
                        $(this).find(".confirm-puesto").text( $("#puesto_"+(i+1)).val() );
                    });
                });

                $(".btn-enviar").click(function(){
                    $.each($('.firma-box'), function(i){
                        if($(this).find(".lleva_firma").prop("checked")){
                            $(this).find(".lleva_firma_hidden").val("1");
                        }else{
                            $(this).find(".lleva_firma_hidden").val("0");
                        }
                    });

                    $("#formaConstancias").submit();
                    $('#modal_confirm').modal('hide');
                    $('#messageBox')[0].scrollIntoView({ block: "end" });
                    $("#forma_block").addClass("d-none");
                    $("#generado_block").removeClass("d-none");
                });

            });

            $(document).on( "click", ".btn-borrar", function(event){
                if($(".participante-block").length > 1){
                    $(this).parents(".participante-block").remove();
                }else{
                    $(".participante-block .part-texto").attr("disabled", true).val("");
                    $("#participante_list").addClass("d-none");
                }
                
            });

            function validaForma(){
                $(".is-invalid").removeClass("is-invalid");
                var error = false;
                
                if(tinymce.get('desc').getContent() == ""){
                    error = true;
                }
                $.each($('.puesto_input'), function(){
                    if(trim($(this).val()) == ""){
                        error = true;
                        $(this).addClass("is-invalid");
                    }
                });
                if(error){
                    $("#errorBox_text").html("Debes completar todos los campos");
                    return false;
                }

                if($(".participante_check:checked").length == 0){
                    $("#errorBox_text").html("Debes elegir al menos un participante");
                    return false;
                }

                return true;
            }
        </script>
        <?php } ?>
    </body>
</html>