Atenea
/
sgi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705
							<?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/xTemplate/xtemplate.class.php");

    $menu = 8;
    $submenu = 87;

    //--- Objeto para validar usuario. El id de usuario lo lee desde sesión
    $objSesion = new ValidaSesion($pdo, $submenu, APSA);
    if(!$objSesion->tieneAcceso()){
        $objSesion->terminaSesion();
    }
    
    $puestosNum = 0;
    function getPuesto($pdo_obj, $edita, $id_padre){
        global $puestosNum;
        $puestosNum++;
        
        $xtpl = new XTemplate('./tpl/puesto.tpl.html');
        if($id_padre == ''){
            $stmt = $pdo_obj->prepare('select * from fs_puestosubordinados(NULL)');
        }else{
            $stmt = $pdo_obj->prepare('select * from fs_puestosubordinados(:id)');
            $stmt->bindParam(":id", $id_padre);
        }
        if(!$stmt->execute()){
            return "Ocurrió un error al cargar los puestos";
        }
        $puesto_rs = $stmt->fetchAll();
        $stmt->closeCursor();
        if(count($puesto_rs) > 0){
            foreach($puesto_rs as $puesto){
                $xtpl->assign("PUESTO_ID", $puesto["Puesto_id"]);
                $xtpl->assign("PUESTO_DESC", $puesto["Puesto_desc"]);
                $nombre = "<em>&lt; Vacante &gt;</em>";
                if($puesto["Usuario_id"] != "" && is_int($puesto["Usuario_id"]) ){
                    $nombre = $puesto["Usuario_apellidos"]." ".$puesto["Usuario_nombre"];
                }
                $xtpl->assign("USUARIO_NOMBRE", $nombre);
                $body = trim(getPuesto($pdo_obj, $edita, $puesto["Puesto_id"]));
                $xtpl->assign("BODY", $body);
                if($body != ""){
                    $xtpl->parse("main.puesto.collapse");
                    $xtpl->parse("main.puesto.subordinado");
                    $xtpl->parse("main.puesto.arrow");
                }

                if($id_padre != '') $xtpl->parse("main.puesto.linea");
                if($edita){
                    $xtpl->parse("main.puesto.permisos");
                    $xtpl->parse("main.puesto.editable");
                }
                $xtpl->parse("main.puesto");
            }
        }
        $xtpl->parse("main");
        return $xtpl->text("main");
    }
    
?>

<!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/jquery-ui.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/toggle.css" type="text/css">
        <link rel="stylesheet" href="./css/puestos.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, "Puestos y Permisos");//usr, menu, pdo, sist
                $menuObj->printMenu();
                
                //Obtiene areas
                $stmt = $pdo->prepare('Select * from fs_areaadministrativa(NULL)');
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar las áreas administrativas";
                }else
                    $areas_rs = $stmt->fetchAll();
                $stmt->closeCursor();

                
                //Obtiene usuarios administrativos
                $stmt = $pdo->prepare('Select * from fs_administrativo(NULL)');
                if(!$stmt->execute()){
                    $errorDesc = "Ocurrió un error al cargar los usuarios";
                }else
                    $admin_rs = $stmt->fetchAll();
                $stmt->closeCursor();
                
                //--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 puesto."; break;
                        case 1: $errorDesc = "Ocurrió un error al insertar el puesto."; break;
                        case 2: $errorDesc = "Ocurrió un error al leer los datos del puesto."; break;
                        case 3: $errorDesc = "No tienes permisos para realizar esa acción."; break;
                        case 4: $errorDesc = "Ocurrió un error al actualizar el puesto."; break;
                        case 5: $errorDesc = "Ocurrió un error al insertar las áreas académicas del puesto."; break;
                        case 6: $errorDesc = "Ocurrió un error al actualizar las áreas académicas del puesto."; break;
                        case 7: $errorDesc = "Ocurrió un error al borrar el puesto."; break;
                        case 8: $errorDesc = "No se puede borrar el puesto porque tiene subordinados."; break;
                    }
                }
                if(isset($_GET["ok"]) && is_numeric($_GET["ok"])){
                    switch ($_GET["ok"]){
                        case 0: $successDesc = "El puesto se guardó correctamente."; break;
                        case 1: $successDesc = "El puesto se actualizó correctamente."; break;
                        case 2: $successDesc = "El puesto se borró correctamente."; break;
                    }
                }
            ?>
            <main class="container-fluid content marco">
                <?php include_once("../include/errorMessage.php"); ?>
                <?php if(isset($areas_rs) && isset($admin_rs)){ ?>
                <div id="organigrama">
                <div class="row justify-content-md-center">
                    <div class="col-12 col-md-10">
                        <?php
                            echo getPuesto($pdo, $objSesion->puedeEditar(), '');
                            if($puestosNum == 0 && $objSesion->puedeEditar()) {
                        ?>
                        <div class="row mt-2">
                            <div class="col-10 offset-2"><button type="button" class="btn btn-sm btn-outline-primary btn-agrega" data-superior=""><?php echo $ICO["mas"];?> Agregar puesto global</button></div>
                        </div>
                        <?php } ?>
                    </div>
                </div>
                </div>
                <?php } ?>
            </main>
            <!--- FOOTER--->
            <?php require_once("../include/footer.php"); ?>
            
            <?php if(isset($areas_rs) && isset($admin_rs)){ ?>
            <!-- Modal ver-->
            <div class="modal fade" id="modal_ver" 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-header">
                            <h4 class="col-12 modal-title text-center"><span class="nombre text-center">Usuario</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 class="font-weight-bold">Área Administrativa: </p>
                                </div>
                                <div class="col-8">
                                    <p class="areaadmin"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-4">
                                    <p class="font-weight-bold">Área Académica: </p>
                                </div>
                                <div class="col-8">
                                    <p class="areaacad"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-4">
                                    <p class="font-weight-bold">Es jefe de carrera: </p>
                                </div>
                                <div class="col-8">
                                    <p class="tipo"></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-4">
                                    <p class="font-weight-bold">Usa checador: </p>
                                </div>
                                <div class="col-8">
                                    <p class="checador"></p>
                                </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="puesto"></h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                <?php if($objSesion->puedeEditar()){?>
            <!-- Modal Crear editar -->
            <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 Puesto</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/puesto_insert.php" method="post" id="formaModal" onsubmit="submitForm()">
                                <input type="hidden" name="id_superior" id="id_superior">
                                <input type="hidden" name="id" id="id">
                                <div class="form-box">
                                    <div class="form-group row">
                                        <label for="desc" class="col-4 col-form-label">Nombre del puesto *</label> 
                                        <div class="col-8">
                                            <input id="desc" name="desc" type="text" class="form-control" required="required" maxlength="100">
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="area" class="col-4 col-form-label">Área Administrativa *</label> 
                                        <div class="col-8">
                                            <div class="datalist datalist-select mb-1 w-100">
                                                <div class="datalist-input"><?php echo $areas_rs[0]["AreaAdministrativa_desc"];?></div>
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <?php foreach($areas_rs as $area) { ?>
                                                    <li data-id="<?php echo $area["AreaAdministrativa_id"];?>" ><?php echo $area["AreaAdministrativa_desc"];?></li>
                                                    <?php }?>
                                                </ul>
                                                <input type="hidden" id="area" name="area" value="<?php echo $areas_rs[0]["AreaAdministrativa_id"];?>">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="my-4 py-3 bg-info">
                                    <div class="row align-items-center">
                                        <div class="col-12 text-center"><label for="area" class="font-weight-bold">Área Académica</label></div>
                                    </div>
                                    <div class="row align-items-center">
                                        <div class="col-5 pr-0 pl-5">
                                            <select name="areaacad[]" id="areaacad" class="form-control" multiple="multiple" size="5">
                                            </select>
                                        </div>
                                        <div class="col-2 text-center">
                                            <p><button type="button" class="btn btn-outline-secondary btn-sm btn-block" id="btn-add-area" title="Agregar área"><span class="ing-caret ing-rotate-90"></span> Asignar</button></p>
                                            <p><button type="button" class="btn btn-outline-secondary btn-sm btn-block" id="btn-remove-area" title="Quitar área">Quitar <span class="ing-caret ing-rotate-270"></span></button></p>
                                        </div>
                                        <div class="col-5 pr-5 pl-0">
                                            <select id="areaacad_original" class="form-control" multiple="multiple" size="5">
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-box">
                                    <div class="form-group row">
                                        <label for="usuario" class="col-4 col-form-label">Usuario Administrativo</label> 
                                        <div class="col-8">
                                            <select name="usuario" id="usuario" class="form-control">
                                                <option value="">-Vacante-</option>
                                            <?php foreach($admin_rs as $admin) {?>
                                                <option value="<?php echo $admin["Usuario_id"];?>" ><?php echo $admin["Usuario_apellidos"]." ".$admin["Usuario_nombre"];?></option>
                                            <?php } ?>
                                            </select>
                                            <!--<div class="datalist datalist-text mb-1 w-100">
                                                <input class="datalist-input w-100" type="text" placeholder="Usuario administrativo" autocomplete="off">
                                                <span class="ing-buscar icono"></span>
                                                <ul style="display:none">
                                                    <?php foreach($admin_rs as $admin){ ?>
                                                    <li data-id="<?php echo $admin["Usuario_id"];?>" ><?php echo $admin["Usuario_apellidos"]." ".$admin["Usuario_nombre"];?></li>
                                                    <?php }?>
                                                </ul>
                                                <input type="hidden" id="usuario" name="usuario" value="">
                                            </div>-->
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label class="col-4 col-form-label">Jefe de área</label> 
                                        <div class="col-4">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input radio-lg tipo" type="radio" id="tipo_no" name="tipo" value="0" checked="checked">
                                                <label for="tipo_no" class="col-form-label">No es jefe de área</label> 
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input radio-lg tipo" type="radio" id="tipo_si" name="tipo" value="1">
                                                <label for="tipo_si" class="col-form-label">Es jefe de área</label> 
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-4 col-form-label">Periodos en proceso</label> 
                                        <div class="col-4">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input radio-lg proceso" type="radio" id="proceso_no" name="proceso" value="0" checked="checked">
                                                <label for="proceso_no" class="col-form-label">No ver</label> 
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input radio-lg proceso" type="radio" id="proceso_si" name="proceso" value="1">
                                                <label for="proceso_si" class="col-form-label">Ver</label> 
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-4 col-form-label">Usa checador</label> 
                                        <div class="col-4">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input radio-lg checador" type="radio" id="checador_no" name="checador" value="0" checked="checked">
                                                <label for="checador_no" class="col-form-label">No usa</label> 
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input radio-lg checador" type="radio" id="checador_si" name="checador" value="1">
                                                <label for="checador_si" class="col-form-label">Sí usa</label> 
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                
                                <div class="form-group row">
                                    <div class="offset-4 col-8">
                                        <button type="submit" class="btn btn-outline-primary" id="submitBtn" data-tipo="1"><?php echo $ICO["aceptar"];?> Guardar</button>
                                        <button type="reset" class="btn btn-outline-danger" data-dismiss="modal"><?php echo $ICO["cancelar"];?> Cancelar</button>
                                    </div>
                                </div>
                            </form>
                        </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 el puesto?</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/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>
            var _drag = false; //arrastrando o no
            //Mostrar menus
            $(document).on( "mouseenter", ".puesto_box", function(){
                if(!_drag)
                    $(this).find('.menu-flotante').removeClass('d-none');
                else
                    $(this).find('.menu-flotante').addClass('d-none');
            });
            $(document).on( "mouseleave", ".puesto_box", function(){
                $(this).find('.menu-flotante').addClass('d-none');
            });
            
            $(document).on( "click", ".bloque-ver", function(){
                $("#errorBox").collapse('hide');
                $("#errorBox_text").html("");

                var id = $(this).parents(".iconos").data("id");

                $.ajax({
                    url:  './action/puesto_select.php',
                    type: 'POST', 
                    dataType: 'json',
                    data: { id: id },
                    success: function(result) {
                        if(result["error"]!= "" &&  result["error"] !== undefined){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(result["error"]);
                            $('#messageBox')[0].scrollIntoView({
                                block: "end"
                            });
                        }else{

                            $('#modal_ver .puesto').text(result["desc"]);
                            $('#modal_ver .areaadmin').text(result["area_desc"]);
                            $('#modal_ver .tipo').text(result["tipo_desc"]);
                            if(result["jefecarrera"])
                                $('#modal_ver .tipo').text("Sí");
                            else
                                $('#modal_ver .tipo').text("No");
                            if(result["usa_checador"])
                                $('#modal_ver .checador').text("Sí");
                            else
                                $('#modal_ver .checador').text("No");
                            if(result["usuario"] != "" && result["usuario"] != undefined)
                                $("#modal_ver .nombre").text(result["usuario_apellidos"]+" "+result["usuario_nombre"]);
                            else
                                $("#modal_ver .nombre").html("<em>Vacante</em>");
                            var areaacad = "";
                            for(var i =0; i< result["areas"].length; i++){
                                areaacad = areaacad+result["areas"][i]["desc"]+"<br>";
                            }
                            if(areaacad != ""){
                                $('#modal_ver .areaacad').html(areaacad);
                                $('#modal_ver .areaacad').parents(".row").show();
                            }else{
                                $('#modal_ver .areaacad').parents(".row").hide();
                            }
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown ){
                        $("#errorBox").collapse('show');
                        $("#errorBox_text").html(errorThrown);
                        $('#messageBox')[0].scrollIntoView({
                            block: "end"
                        });
                    }
                });//ajax

                $('#modal_ver').modal("show");
            });
        </script>
        <?php if($objSesion->puedeEditar()){ ?>
        <script>
            
            function submitForm(){
                var myBtn = $('#submitBtn');
                $('#areaacad option').prop('selected', true);
                if(myBtn.data("tipo") == 2 ) $('#formaModal').prop("action", "./action/puesto_update.php");
                else $('#formaModal').prop("action", "./action/puesto_insert.php");
            }
            
            $(document).ready(function(){
                
                $(".bloque-agrega").click(function(){
                    $("#errorBox").collapse('hide');
                    $("#errorBox_text").html("");
                    var id = $(this).parents(".iconos").data("id");
                    if(id === undefined) id = "";
                    $("#id_superior").val(id);
                    $("#id").val("");
                    $("#submitBtn").data("tipo", 1);
                    var forma = $("#formaModal");
                    forma.find("input[type=text]").val("");
                    forma.find("select").prop("selectedIndex",0);
                    
                    $("#areaacad option").remove();
                    $("#areaacad_original option").remove();
                    
                
                    $('#tipo_si').prop('checked', false);
                    $('#tipo_no').prop('checked', true);
                
                    $('#checador_si').prop('checked', false);
                    $('#checador_no').prop('checked', true);
                
                    $('#proceso_si').prop('checked', false);
                    $('#proceso_no').prop('checked', true);
                    
                    $.ajax({
                        url:  './action/areaacademica_all_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        //data: { },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({
                                    block: "end"
                                });
                            }else{
                                for(var i =0; i< result["areas"].length; i++){
                                    $("#areaacad_original").append($("<option></option>").attr("value", result["areas"][i]["id"]).text(result["areas"][i]["desc"]));
                                }
                                $('#modal').modal("show");
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                            $('#messageBox')[0].scrollIntoView({
                                block: "end"
                            });
                        }
                    });//ajax
                    //$('#modal').modal('show');
                });
                
                $(".bloque-edita").click(function(){
                    $("#errorBox").collapse('hide');
                    $("#errorBox_text").html("");
                    $("#id_superior").val("");
                    var id = $(this).parents(".iconos").data("id");
                    $("#id").val(id);
                    $("#submitBtn").data("tipo", 2);
                    
                    $("#areaacad option").remove();
                    $("#areaacad_original option").remove();
                    $.ajax({
                        url:  './action/puesto_select.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { id: id },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({
                                    block: "end"
                                });
                            }else{
                                $("#desc").val(result["desc"]);
                                //$('#area').val(result["area"]);
                                setDatalist('#area', result["area"]);
                                
                                if(result["jefecarrera"]){
                                    $('#tipo_no').prop('checked', false);
                                    $('#tipo_si').prop('checked', true);
                                }else{
                                    $('#tipo_si').prop('checked', false);
                                    $('#tipo_no').prop('checked', true);
                                }
                                if(result["usa_checador"]){
                                    $('#checador_no').prop('checked', false);
                                    $('#checador_si').prop('checked', true);
                                }else{
                                    $('#checador_si').prop('checked', false);
                                    $('#checador_no').prop('checked', true);
                                }
                                if(result["enproceso"]){
                                    $('#proceso_no').prop('checked', false);
                                    $('#proceso_si').prop('checked', true);
                                }else{
                                    $('#proceso_si').prop('checked', false);
                                    $('#proceso_no').prop('checked', true);
                                }
                                
                                if(result["usuario"] != "" && result["usuario"] != undefined)
                                    $('#usuario').val(result["usuario"]);
                                else
                                    $("#formaModal").find("#usuario").prop("selectedIndex",0);
                                for(var i =0; i< result["areas"].length; i++){
                                    $("#areaacad").append($("<option></option>").attr("value", result["areas"][i]["id"]).text(result["areas"][i]["desc"]));
                                }
                                for(var i =0; i< result["areas_original"].length; i++){
                                    $("#areaacad_original").append($("<option></option>").attr("value", result["areas_original"][i]["id"]).text(result["areas_original"][i]["desc"]));
                                }
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown ){
                            $('#messageBox')[0].scrollIntoView({
                                block: "end"
                            });
                            $("#errorBox").collapse('show');
                            $("#errorBox_text").html(errorThrown);
                        }
                    });//ajax
                    
                    $('#modal').modal("show");
                });
                
                $(".bloque-permisos").click(function(){
                    var id = $(this).parents(".iconos").data("id");
                    console.log("id "+id);
                    window.location.href = "permisos_puesto.php?id="+id;
                });
                
                $('#modal_confirm').on('show.bs.modal', function (event) {
                    var button = $(event.relatedTarget); // Button that triggered the modal
                    var id = button.parents(".iconos").data("id");
                    $("#id_borrar").val(id);
                });
                
                $(".btn-borrar").click(function(){
                    var id = $("#id_borrar").val();
                    $.ajax({
                        url:  './action/puesto_delete.php',
                        type: 'POST', 
                        dataType: 'json',
                        data: { id: id, },
                        success: function(result) {
                            if(result["error"]!= "" &&  result["error"] !== undefined){
                                $("#errorBox").collapse('show');
                                $("#errorBox_text").html(result["error"]);
                                $('#messageBox')[0].scrollIntoView({
                                    block: "end"
                                });
                            }else{
                                $("#successBox").collapse('show');
                                $("#successBox_text").html(result["ok"]);
                                $("#puesto_group"+id).remove();                    
                                $('#messageBox')[0].scrollIntoView({
                                    block: "end"
                                });
                                
                            }
                            $('#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");
                });
                
                
                $("#btn-add-area").click(function(){
                    //areaacad_original to areaacad
                    var selectedOpts = $('#areaacad_original option:selected');
                    if (selectedOpts.length != 0) {
                        $('#areaacad').append($(selectedOpts).clone());
                        $(selectedOpts).remove();
                    }
                });
                $("#btn-remove-area").click(function(){
                    //areaacad_original to areaacad
                    var selectedOpts = $('#areaacad option:selected');
                    if (selectedOpts.length != 0) {
                        $('#areaacad_original').append($(selectedOpts).clone());
                        $(selectedOpts).remove();
                    }
                });
                
                $('.bloque-draggable').draggable({
                    cursor: "move",
                    containment:"#organigrama",
                    stack: "#organigrama .puesto_group",
                    revert : true,
                    revertDuration: 0,
                    opacity: 0.7,
                    cursorAt: { top: 0, left: -20 },
                    
                    start: function( event, ui ) { _drag = true;},
                    stop: function( event, ui ) { _drag = false;},
                });
                
                $('.bloque-draggable').droppable({
                    drop: function( event, ui ) {
                        //$('#modal_confirm_sup').modal("show");
                        if(confirm("¿Estás seguro de querer cambiar el superior de "+ui.draggable.find(".puesto-desc").text()+" ?")){
                            var id_mover = ui.draggable.find(".iconos").data('id');
                            var id_sup = $(this).find(".iconos").data('id');
                            $.ajax({
                                url:  './action/puesto_update_superior.php',
                                type: 'POST', 
                                dataType: 'json',
                                data: { id_sup: id_sup, id_mover: id_mover},
                                success: function(result) {
                                    if(result["error"]!= "" &&  result["error"] !== undefined){
                                        $("#errorBox").collapse('show');
                                        $("#errorBox_text").html(result["error"]);
                                        $('#messageBox')[0].scrollIntoView({
                                            block: "end"
                                        });
                                    }else{
                                        window.location = "puestos.php";
                                    }
                                },
                                error: function(jqXHR, textStatus, errorThrown ){
                                    $("#errorBox").collapse('show');
                                    $("#errorBox_text").html(errorThrown);
                                    $('#messageBox')[0].scrollIntoView({
                                        block: "end"
                                    });
                                }
                            });//ajax
                        }
                    }
                });
            });
        </script>
        <?php } ?>
    </body>
</html>