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 = 6;
    $submenu = 65;

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

<!DOCTYPE html>
<html lang="es" prefix="og: http://ogp.me/ns#">
    <head>
	<title>APSA - 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">
        <script src="../js/util.js"></script>
    </head>
    <body>
        <div>
            <?php
                //--- Objeto que pinta menu
                $menuObj = new MainMenu($_SESSION["usuario_id"], $menu, $pdo, APSA, "Materias");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //Area
                $stmt = $pdo->prepare('Select * from fs_areaacademica(NULL, NULL)');
                //$stmt->bindParam(":nivel", $_SESSION["nivel_id"]);
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar las áreas académicas";
                }else{
                    $area_rs = $stmt->fetchAll();
                }
                $stmt->closeCursor();
                
                //Plan
                $stmt = $pdo->prepare('Select * from fs_planestudio(NULL, NULL, NULL, true, 0, NULL)');
                //$stmt->bindParam(":nivel", $_SESSION["nivel_id"]);
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los planes de estudio";
                }else{
                    $plan_rs = $stmt->fetchAll();
                }
                $stmt->closeCursor();
                
                //Obtiene periodo
                $query = "NULL, ";
                
                if(isset($_POST["area"]) && is_numeric($_POST["area"])){
                    $query .= ":area,";
                    $filter_area = filter_input(INPUT_POST, "area", FILTER_SANITIZE_NUMBER_INT);//limpia texto
                }else{
                    $query .= "NULL,";
                }
                if(isset($_POST["plan"]) && is_numeric($_POST["plan"])){
                    $query .= ":plan,";
                    $filter_plan = filter_input(INPUT_POST, "plan", FILTER_SANITIZE_NUMBER_INT);//limpia texto
                }else{
                    $query .= "NULL,";
                }
                if(isset($_POST["desc"]) && $_POST["desc"] != ""){
                    $query .= ":desc,";
                    $filter_desc = trim(filter_input(INPUT_POST, "desc", FILTER_SANITIZE_STRING,array('flags' => FILTER_FLAG_STRIP_LOW)));//limpia texto
                }else{
                    $query .= "NULL,";
                }
                if(isset($_POST["sem"]) && $_POST["sem"] != ""){
                    $query .= ":sem,";
                    $filter_sem = trim(filter_input(INPUT_POST, "sem", FILTER_SANITIZE_STRING,array('flags' => FILTER_FLAG_STRIP_LOW)));//limpia texto
                }else{
                    $query .= "NULL,";
                }
                $query .= "0, ".MAX_ROWS;
                $stmt = $pdo->prepare('Select * from fs_materia('.$query.')');
                if(isset($filter_area)) $stmt->bindParam(":area", $filter_area);
                if(isset($filter_plan)) $stmt->bindParam(":plan", $filter_plan);
                if(isset($filter_desc)) $stmt->bindParam(":desc", $filter_desc);
                if(isset($filter_sem)) $stmt->bindParam(":sem", $filter_sem);
                
                if(!$stmt->execute()){
                    //$t = $stmt->errorInfo();
                    $errorDesc = "Ocurrió un error al cargar las materias";
                }else{
                    $materia_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 materia."; break;
                        case 1: $errorDesc = "No existe la materia que buscas. Selecciona una del listado."; break;
                        case 2: $errorDesc = "Ocurrió un error al leer los datos de la materia."; break;
                        case 3: $errorDesc = "No tienes permisos para realizar esa acción."; break;
                        case 4: $errorDesc = "No existen materias disponibles. Primero debes crearlas aquí."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        //case 0: $successDesc = "La materia se guardó correctamente."; break;
                        case 1: $successDesc = "La materia se actualizó correctamente."; break;
                    }
                }
            ?>
            <main class="container-fluid content marco">
                <?php if($objSesion->puedeEditar()){ ?>
                <div class="row">
                    <div class="col-12 text-right">
                        <a href="materias_crear.php" class="btn btn-outline-secondary"><?php echo $ICO["mas"];?> Crear materia</a>
                    </div>
                </div>
                <?php }?>
                <?php include_once("../include/errorMessage.php");?>
                
                <?php
                if(isset($plan_rs) && isset($materia_rs)){
                ?>
                
                <!-- Filtro -->
                <div class="row">
                    <div class="col-12">
                        <form action="materias.php" method="post">
                            <div class="form-box form-box-info">
                                <div class="form-group row">
                                    <label for="filter_desc" class="col-4 col-form-label">Nombre</label> 
                                    <div class="col-8 col-sm-4">
                                        <input id="filter_desc" name="desc" type="text" class="form-control" <?php if(isset($filter_desc) ){echo 'value="'.$filter_desc.'"';}?>>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="filter_area" class="col-4 col-form-label">Área</label> 
                                    <div class="col-8 col-sm-4">
                                        <div class="datalist datalist-select mb-1 w-100">
                                            <div class="datalist-input">Mostrar todas</div>
                                            <span class="ing-buscar icono"></span>
                                            <ul style="display:none">
                                                <li data-id="">Mostrar todas</li>
                                                <?php foreach($area_rs as $area) { ?>
                                                <li data-id="<?php echo $area["Area_id"];?>" <?php if(isset($filter_area) && $filter_area == $area["Area_id"]){echo "class='selected'";}?> ><?php echo $area["Area_desc"]?></li>
                                                <?php }?>
                                            </ul>
                                            <input type="hidden" id="filter_area" name="area" value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="filter_plan" class="col-4 col-form-label">Plan de estudios</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>
                                                <?php
                                                $last_nivel = -1;
                                                foreach($plan_rs as $plan){
                                                    if($last_nivel != intval($plan["Nivel_id"])){
                                                        $last_nivel = intval($plan["Nivel_id"]);
                                                ?>
                                                <li data-id="" class="not-selectable"><?php echo $plan["Nivel_desc"]; ?></li>
                                                <?php } ?>
                                                <li data-id="<?php echo $plan["PlanEstudio_id"];?>" class="pl-4 <?php if(isset($filter_plan) && $filter_plan == $plan["PlanEstudio_id"]){ echo 'selected';}?>"><?php echo $plan["Carrera_desc"]." - ".$plan["PlanEstudio_desc"];?></li>
                                                <?php }?>
                                            </ul>
                                            <input type="hidden" id="filter_plan" name="plan" value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="filter_sem" class="col-4 col-form-label">Semestre</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>
                                                <?php
                                                $last_nivel = -1;
                                                for($i=0; $i<10; $i++){
                                                ?>
                                                <li data-id="<?php echo $i;?>" class="pl-4 <?php if(isset($filter_sem) && $filter_sem == $i){ echo 'selected';}?>"><?php echo $i;?></li>
                                                <?php }?>
                                            </ul>
                                            <input type="hidden" id="filter_sem" name="sem" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <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>
                
                <div class="row justify-content-md-center">
                    <div class="col-12 table-responsive">
                        <p>Se muestran los primeros <strong><?php echo MAX_ROWS;?></strong> resultados. Utiliza los filtros para encontrar la materia que buscas.</p>
                        <table class="table table-sm table-hover">
                            <thead class="thead-dark">
                                <tr >
                                    <th>Clave</th>
                                    <th>Materia</th>
                                    <th>Área</th>
                                    <th>Plan de estudios</th>
                                    <th>Semestre</th>
                                    <?php if($objSesion->puedeEditar()){ ?><th>Acciones</th><?php } ?>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                                foreach($materia_rs as $materia){
                                ?>
                                <tr data-id="<?php echo $materia["Materia_id"]; ?>" id="id<?php echo $materia["Materia_id"]; ?>">
                                    <td class="text-center font-weight-bold">
                                        <?php echo $materia["Materia_clave"];
                                        if($materia["Materia_grupo_posgrado"] != "") echo "<br><small><i>".$materia["Materia_grupo_posgrado"]."</i></small>";
                                        ?>
                                    </td>
                                    <td><?php echo $materia["Materia_desc"]; ?></td>
                                    <td class="text-center"><?php echo $materia["Area_desc"]; ?></td>
                                    <td><?php echo $materia["Carrera_desc"]; ?> - <?php echo $materia["PlanEstudio_desc"]; ?></td>
                                    <td class="text-center">
                                        <?php
                                            switch($materia["Materia_semestre"]){
                                                case 0: echo "<small>Indistinto</small>    ";break;
                                                case -1: echo "<small>Propedéutico</small>    ";break;
                                                default: echo $materia["Materia_semestre"]; break;
                                            } ?>
                                    </td>
                                    
                                    <?php if($objSesion->puedeEditar()){ ?>
                                    <td class="text-nowrap text-center icono-acciones">
                                        <a href="#" class="modal-open" title="Ver detalle"><?php echo $ICO["ver"];?></a>
                                        <a href="materias_editar.php?id=<?php echo $materia["Materia_id"]; ?>"  title="Editar"><?php echo $ICO["editar"];?></a>
                                        <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Borrar"><?php echo $ICO["borrar2"];?></a>
                                    </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">Detalles de Materia</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 pb-0">
                            <div class="row">
                                <div class="col-4"><p><strong>Clave:</strong> <span class="mat-clave"></span></p></div>
                                <div class="col-4 text-center"><p><strong>Semestre / Cuatrimestre:</strong> <span class="mat-sem"></span></p></div>
                                <div class="col-4 text-right"><p><strong>Grupo posgrado:</strong> <span class="mat-gpo"></span></p></div>
                            </div>
                            <div class="row bg-info pt-3">
                                <div class="col-4"><p><strong>Área:</strong> <span class="mat-area"></span></p></div>
                                <div class="col-4 text-center"><p><strong>Horas de clase:</strong> <span class="mat-horasclase"></span></p></div>
                            </div>

                            <div class="row pt-3" id="mat-atributos-block">
                                <div class="col-4 text-center barra-right"><p><strong>Atributos de egreso:</strong></div>
                                <div class="col-8 text-left" id="mat-atributos"></div>
                            </div>
                            
                            <div class="row">
                                <div class="col-6 mt-4" id="relacionadas-block">
                                    <p><strong>Materias relacionadas:</strong></p>
                                    <ul class="relacionada m-0"></ul>
                                </div>
                                <div class="col-6 mt-4" id="submaterias-block">
                                    <p><strong><span class="mat-tipo"></span></strong></p>
                                    <ul class="submateria m-0"></ul>
                                </div>
                            </div>
                            
                            <div class="bg-primary text-white pt-2 px-4 mt-4" style="margin-left: -16px; margin-right: -16px;">
                                <div class="row">
                                    <div class="col text-right ">
                                        <h5 class="mat-plan"></h5>
                                    </div>
                                </div>
                            </div>
                        </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 materia?</p>
                                    <p>Esta acción no se puede deshacer.</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>
            <?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/sidebarmenu.js"></script>
        <script src="../js/datalist.js"></script>
        <script>
            $(document).on( "click", ".btn-reset", function(event){
                var forma = $(this).parents("form");
                forma.find("input[type=text]").val("");
                //forma.find("select").prop("selectedIndex",0);
                setDatalistFirst("#filter_area");
                setDatalistFirst("#filter_plan");
                forma.submit();
            });
        </script>
        <?php if($objSesion->puedeEditar()){ ?>
        <script>
            function submitForm(){
                var myBtn = $('#submitBtn');
                if(myBtn.data("tipo") == 2 ) $('#formaModal').prop("action", "./action/planestudios_update.php");
                else $('#formaModal').prop("action", "./action/planestudios_insert.php");
            }
            
            $(document).ready(function(){
                $('#modal_confirm').on('show.bs.modal', function (event) {
                    var button = $(event.relatedTarget); // Button that triggered the modal
                    var id = button.parents("tr").data("id");
                    $("#id_borrar").val(id);
                });
                
                $(".btn-borrar").click(function(){
                    var cid =  $("#id_borrar").val();
                    $.ajax({
                        url:  './action/materia_delete.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: {
                            id: cid,
                        },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                            }else{
                                $("#successBox").collapse('show');
                                $("#successBox_text").html(result["ok"]);
                                $("#id"+cid).remove();
                            }
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }
                    });//ajax
                    $('#modal_confirm').modal("hide");
                });
                
                $(".modal-open").click(function(){
                    $("#modal").find("#modalLabel").html("");
                    $("#modal").find(".mat-area").html("");
                    $("#modal").find(".mat-plan").html("");
                    $("#modal").find(".mat-clave").html("");
                    $("#modal").find(".mat-gpo").html("");
                    $("#modal").find(".mat-sem").html("");
                    $("#modal").find(".mat-horasclase").html("");
                    $("#modal").find(".mat-horaslab").html("");
                    $("#modal").find(".mat-tipo").html("");
                    $("#modal").find(".mat-submateria").html("");
                    $("#modal").find(".mat-relacionada").html("");
                    
                    $("#modal").find("#submaterias-block").addClass("invisible");
                    $("#modal").find("#relacionadas-block").addClass("invisible");
                    $("#modal").find(".submateria").html("");
                    $("#modal").find(".relacionada").html("");
                    
                    var cid = $(this).parents("tr").data("id");
                    $.ajax({
                        url:  './action/materia_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { id: cid },
                        success: function(result) {
                            if(result["error"]!= "" && result["error"] !== undefined){
                                modal.modal('hide');
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({ block: "end" });
                            }else{
                                $("#modal").find("#modalLabel").html(result["desc"]);
                                $("#modal").find(".mat-area").html(result["area"]);
                                $("#modal").find(".mat-plan").html(result["plan"]);
                                $("#modal").find(".mat-clave").html(result["clave"]);
                                console.log(result["gpo"]);
                                if(result["gpo"] == ""){
                                    $("#modal").find(".mat-gpo").parents("div:first").hide();
                                }else{
                                    $("#modal").find(".mat-gpo").parents("div:first").show();
                                    $("#modal").find(".mat-gpo").html(result["gpo"]);
                                }
                                $("#modal").find(".mat-sem").html(result["sem"]);
                                $("#modal").find(".mat-horasclase").html(result["horas_clase"]);
                                //$("#modal").find(".mat-horaslab").html(result["horas_lab"]);
                                
                                if(result["total_submaterias"] > 0){
                                    $("#modal").find(".mat-tipo").html(result["tipo"]);
                                    $("#submaterias-block").removeClass("invisible");
                                    var html = "";
                                    for(var i=0; i < result["submateriasArr"].length; i++){
                                        html+="<li>"+result["submateriasArr"][i]["desc"]+"</li>";
                                    }
                                    $(".submateria").html(html);
                                    
                                }else{
                                    $("#submaterias-block").addClass("invisible");
                                }
                                
                                if(result["total_relacionadas"] > 0){
                                    $("#relacionadas-block").removeClass("invisible");
                                    var html = "";
                                    for(var i=0; i < result["relacionadasArr"].length; i++){
                                        html+="<li>"+result["relacionadasArr"][i]["desc"]+"<br><small>"+result["relacionadasArr"][i]["plan"]+"</small></li>";
                                    }
                                    $(".relacionada").html(html);
                                }else{
                                    $("#relacionadas-block").addClass("invisible");
                                }

                                if(result["total_atributos"] > 0){
                                    $("#mat-atributos-block").removeClass("d-none");
                                    var html = "";
                                    for(var i=0; i < result["atributosArr"].length; i++){
                                        html+="<p><span class='badge text-white' style='background-color:"+result["atributosArr"][i]["color"]+"'>Atributo "+result["atributosArr"][i]["num"]+"</span> <i>"+result["atributosArr"][i]["nivel"]+"</i><br> <small>"+result["atributosArr"][i]["desc"]+"</small></p>";
                                    }

                                    $("#mat-atributos").html(html);
                                }else{
                                    $("#mat-atributos-block").addClass("d-none");
                                    $("#mat-atributos").html("");
                                }
                                
                                //$("#modal").find(".mat-submateria").html(result["desc"]);
                                //$("#modal").find(".mat-relacionada").html("");
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#modal").modal('hide');
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({ block: "end" });
                        }
                    });//ajax
                    $('#modal').modal("show");
                });

                
            });
        </script>
        <?php } ?>
    </body>
</html>