Codigo en javascript

inicializacion();

//constructor de la pagina

function inicializacion() {

cargar_proyectos("", "", "", 1);

cargar_componentes();

cargar_investigadores("","",1);

cargar_publicaciones("", "", 1);

cargar_congresos("", "");

}

//funcion que carga los proyetos como parametros recibe los filtros de la buqueda

function cargar_proyectos(palabra_clave_proyecto, id_investigador, id_linea_investigacion_proyecto, proyecto_activo) {

$.ajax({

method: "POST",

url: phpPath,

data: { funcion: "consulta_proyectos_adm", palabra_clave: palabra_clave_proyecto, id_inv: id_investigador, id_linea_investigacion: id_linea_investigacion_proyecto, activo: proyecto_activo },

dataType: "json"

}).done(function (jsonObjet) {

console.log(jsonObjet);

var btn_color;

var btn_texto;

if(proyecto_activo==1){

btn_color="btn btn-outline-danger";

$("#btn_si").attr("class","btn btn-lg btn-outline-danger")

btn_texto="Eliminar";

}else{

btn_color="btn btn-outline-info";

$("#btn_si").attr("class","btn btn-lg btn-outline-info")

btn_texto="Activar";

}

$("#contenedor_proyectos").empty();

jsonObjet.forEach(element => {

$("#contenedor_proyectos").append("<div class='card'><img class='card-img-top' src='"+element["link_imagen"]+"' alt='Card image cap'><div class='card-body'><h5 class='card-title'>"+element["titulo_proyecto"]+"</h5><p>Lider: "+element["nombre_completo"]+"</p><p>Inicio: "+element["fecha_inicio"]+" Fin: "+element["fecha_fin"]+"</p><p>Linea: "+element["nombre_linea"]+"</p><p>Financiado: "+((element["financiamiento"]=='1') ? "Si":"No")+"</p><p class='card-text cortar'>"+element["resumen"]+"</p></div><div class='card-footer text-right blanco'><button href='#' onclick=\"alert('En proceso');\" class='btn btn-outline-success' type='button'>Editar</button><button href='#confirmacion' class='"+btn_color+" mx-sm-3' type='button' data-toggle='modal'>"+btn_texto+"</button></div></div>");

//$("#contenedor_proyectos").append("<div class='card'><img class='card-img-top' src='"+element["link_imagen"]+"' alt='Card image cap'><div class='card-body'><h5 class='card-title'>"+element["titulo_proyecto"]+"</h5><p>Lider: "+element["nombre_completo"]+"</p><p>Inicio: "+element["fecha_inicio"]+" Fin: "+element["fecha_fin"]+"</p><p>Linea: "+element["nombre_linea"]+"</p><p>Financiado: "+((element["financiamiento"]=='1') ? "Si":"No")+"</p><p class='card-text'>"+element["resumen"]+"</p></div><div class='card-footer text-right blanco'><button href='#' onclick=\"alert('En proceso');\" class='btn btn-outline-success' type='button'>Editar</button><button href='#confirmacion' class='"+btn_color+" mx-sm-3' type='button' data-toggle='modal'>"+btn_texto+"</button></div></div>");

});

}).fail(function () {

console.log("Error");

});

}

//funcion que carga los invetigadores como parametros recibe los filtros de la busqueda

function cargar_investigadores(palabra_clave_invetigador, id_linea_investigacion_ivestigador, investigador_activo) {

$.ajax({

method: "POST",

url: phpPath,

data: { funcion: "consulta_investigadores_adm", palabra_clave: palabra_clave_invetigador, id_linea_investigacion: id_linea_investigacion_ivestigador, activo: investigador_activo },

dataType: "json"

}).done(function (jsonObjet) {

console.log(jsonObjet);

var btn_color;

var btn_texto;

if(investigador_activo==1){

btn_color="btn btn-outline-danger";

$("#btn_si").attr("class","btn btn-lg btn-outline-danger")

btn_texto="Eliminar";

}else{

btn_color="btn btn-outline-info";

$("#btn_si").attr("class","btn btn-lg btn-outline-info")

btn_texto="Activar";

}

$("#contenedor_investigadores").empty();

jsonObjet.forEach(element => {

$("#contenedor_investigadores").append("<div class='card'><img class='card-img-top' src='"+element["url_foto"]+"' alt='Card image cap'><div class='card-body'><h5 class='card-title'>"+element["nivel_estudios"]+" "+element["nombre"]+" "+element["apellido_paterno"]+" "+element["apellido_materno"]+" "+"</h5><p>"+element["correo"]+"</p><p>"+element["ubicacion"]+"</p></div><div class='card-footer text-right blanco'><button href='#' onclick=\"alert('En proceso');\" class='btn btn-outline-success' type='button'>Editar</button><button href='#confirmacion' class='"+btn_color+" mx-sm-3'

...