-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ef973ae
commit 546f83f
Showing
1 changed file
with
192 additions
and
86 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,90 +1,196 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<title>AÚN NO ESTÁ LISTO</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> | ||
</head> | ||
<body class="bg-light"> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col text-center py-5"><h1>LO QUE SIGUE NO ESTÁ LISTO</h1><h2>Estará listo el Lunes 26 a las 11.00 hrs.</h2><h3>Lo subo sólo para que vean la idea y conozcan el destino de los datos en <a href="https://docs.google.com/spreadsheets/d/1i_C65jAbn8N6nVSEdYvWjoR--85f5AvPhY39yA-xjwU/edit?usp=sharing" target="_blank" class="link-dark">su fila de la plantilla ya compartida</a>, y me respondan a un correo de asunto: Horas disponibles para guiaturas.</h3></div> | ||
</div> | ||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3" id="aqui"> | ||
|
||
</div> | ||
</div> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js" integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> | ||
<script> | ||
var datos; | ||
const aqui = document.querySelector("#aqui"); | ||
|
||
|
||
Papa.parse("https://raw.githubusercontent.com/disenoUChile/guiaturas/main/data/testing.csv", { | ||
download: true, | ||
header:true, | ||
complete: function(results) { | ||
|
||
|
||
|
||
datos = results.data; | ||
console.log(datos); | ||
datos.forEach(d => { | ||
if(d.id != '—'){ | ||
aqui.innerHTML += `<div class="col my-4"> | ||
<div class="card shadow-sm h-100"> | ||
<div class="card-header"> | ||
<h1 class="fs-4 mt-2">${d.name}</h1> | ||
<h3 class="fs-6">Jerarquía: ${d.nivel}</h3> | ||
<h3 class="fs-6">Adscripción: ${d.adscripcion}</h3> | ||
<address class="fs-6 mb-0">${link(d.perfil)}</address> | ||
</div> | ||
<div class="card-body"> | ||
<p small">${d.descriptor}</p> | ||
<p>Líneas de investigación en Seminario de Licenciatura, mención <code>{Acá se desplegará mención marcada en columna P o Q}</code>:</p> | ||
<ul> | ||
<li><code>{Acá se desplegará cada línea de investigación marcada en columas I, J, K, L, M, N}</code></li> | ||
</ul> | ||
<p><strong>${d.cupos_sem}</strong> cupos disponibles en Seminario de Licenciatura I</p> | ||
<p>Énfasis en Proyecto de Título de <code>{Acá se desplegará lo marcado en columnas O, P, Q}</code></p> | ||
<ul> | ||
<li><code>{Acá se desplegará lo marcado en columnas R, S y T}</code></li> | ||
</ul> | ||
<p><strong>${d.cupos_tit}</strong> cupos disponibles en Proyecto de Título I</p> | ||
</div> | ||
<div class="card-footer">${rol(d.nivel)}</div> | ||
<!DOCTYPE html> | ||
<html lang="es"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<meta name="theme-color" content="#1f5592" /> | ||
<meta name="author" content="Felipe Alberto Cortez Orellana" /> | ||
<title>AÚN NO ESTÁ LISTO</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> | ||
<link href="style.css" rel="stylesheet" /> | ||
</head> | ||
<body class="bg-light"> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col text-center py-5"> | ||
<h1>LO QUE SIGUE NO ESTÁ LISTO</h1> | ||
<h2>Estará listo el Lunes 26 a las 11.00 hrs.</h2> | ||
<h3> | ||
Lo subo sólo para que vean la idea y conozcan el destino de los datos en | ||
<a href="https://docs.google.com/spreadsheets/d/1i_C65jAbn8N6nVSEdYvWjoR--85f5AvPhY39yA-xjwU/edit?usp=sharing" target="_blank" class="link-dark">su fila de la plantilla ya compartida</a>, y me respondan a un correo | ||
de asunto: Horas disponibles para guiaturas. | ||
</h3> | ||
<select id="verCupos"> | ||
<option value="todosOK">Todas/os</option> | ||
<option value="soloSeminarioOK">Con cupos en Seminario de Licenciatura I</option> | ||
<option value="soloTituloOK">Con cupos en Proyecto de Título I</option> | ||
</select> | ||
</div> | ||
</div> | ||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3" id="aqui"></div> | ||
</div> | ||
</div>` | ||
}}) | ||
} | ||
}); | ||
|
||
|
||
|
||
function rol(x){ | ||
if(x.includes("Prof.")){ | ||
return('<small>Por reglamento: <strong>Prof. Guía o Prof. Guía 1</strong></small>'); | ||
} else { | ||
return('<small>Por reglamento: <strong>Prof. Guía 2</strong></small>'); | ||
} | ||
}; | ||
|
||
function link(x){ | ||
if(x.includes("Sin perfil")){ | ||
return("<small class='text-body-secondary'>Sin perfil en Portafolio Académico</small>"); | ||
} else { | ||
return('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-vcard" viewBox="0 0 16 16"><path d="M5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4m4-2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M9 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 9 8m1 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5"/><path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8.96q.04-.245.04-.5C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 1 1 12z"/></svg> <a href="'+x+'" class="small link-dark link-underline-opacity-25 link-underline-opacity-100-hover" target="_blank">Ver perfil en Portafolio Académico</a>'); | ||
} | ||
}; | ||
|
||
function linea1(x){ | ||
if(x == 1){return("<li>Primera línea</li>")} | ||
} | ||
|
||
</script> | ||
</body> | ||
</html> | ||
<script | ||
src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js" | ||
integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ==" | ||
crossorigin="anonymous" | ||
referrerpolicy="no-referrer" | ||
></script> | ||
<script> | ||
var todos = []; | ||
var soloSeminario = []; | ||
var soloTitulo = []; | ||
var todosOK; | ||
var soloSeminarioOK; | ||
var soloTituloOK; | ||
|
||
const aqui = document.querySelector("#aqui"); | ||
|
||
Papa.parse("https://raw.githubusercontent.com/disenoUChile/guiaturas/main/data/data-a-mano.csv", { | ||
download: true, | ||
header: true, | ||
complete: function (results) { | ||
console.log(results.data); | ||
results.data.forEach((d) => { | ||
if (d.id !== "—") { | ||
todos.push(d); | ||
} | ||
if (d.id !== "—" && d.cupos_sem > 0) { | ||
soloSeminario.push(d); | ||
} | ||
if (d.id !== "—" && d.cupos_tit > 0) { | ||
soloTitulo.push(d); | ||
} | ||
}); | ||
|
||
|
||
todosOK = todos.slice(0,-1); | ||
soloSeminarioOK = soloSeminario.slice(0,-1); | ||
soloTituloOK = soloTitulo.slice(0,-1); | ||
|
||
|
||
console.log(todosOK); | ||
console.log(soloSeminarioOK); | ||
console.log(soloTituloOK); | ||
|
||
//UNA FUNCIÓN QUE PREFIERO DEJAR ACÁ | ||
|
||
function construye(data){ | ||
|
||
data.forEach((d) => { | ||
aqui.innerHTML += ` | ||
<div class="col my-4"> | ||
<div class="card shadow-sm h-100"> | ||
<div class="card-header"> | ||
<h1 class="fs-5 mt-2">${nombre(d.name)}</h1> | ||
<p>Jerarquía: ${d.nivel}<br/> | ||
Adscripción: ${d.adscripcion}</p> | ||
<p>${link(d.perfil)}</p> | ||
</div> | ||
<ul class="list-group list-group-flush"> | ||
<li class="list-group-item"><p class='text-body-secondary mb-1'>${d.descriptor}</p></li> | ||
</ul> | ||
<div class="card-body small"> | ||
<li class="list-group-item"><p>Líneas de investigación en <strong>Seminario de Licenciatura, con sección en mención ${seccion(d.menciones)}</strong>:</p> | ||
<ul> | ||
${lineas(d.lineas)} | ||
</ul> | ||
<p><strong>${d.cupos_sem}</strong> cupos disponibles en Seminario de Licenciatura I</p> | ||
</li> | ||
<li class="list-group-item"> | ||
<p>Énfasis en <strong>Proyecto de Título Profesional de ${menciones(d.menciones)}</strong>:</p> | ||
<ul> | ||
${enfasis(d.enfasis)} | ||
</ul> | ||
<p><strong>${d.cupos_tit}</strong> cupos disponibles en Proyecto de Título I</p> | ||
</div> | ||
<div class="card-footer">${rol(d.nivel)}</div> | ||
</div> | ||
</div>` | ||
}); | ||
|
||
} | ||
|
||
construye(todosOK); | ||
|
||
|
||
}, | ||
}); | ||
|
||
|
||
//OTRAS FUNCIONES, PARA AJUSTAR ALGUNAS COSAS | ||
|
||
function nombre(x) { | ||
let nombreCompleto = x.split(','); | ||
return(nombreCompleto[1] + " " +nombreCompleto[0]); | ||
} | ||
|
||
function link(x) { | ||
if (x.includes("Sin perfil")) { | ||
return "<small class='text-body-secondary'>Sin perfil en Portafolio Académico</small>"; | ||
} else { | ||
return ('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-vcard" viewBox="0 0 16 16"><path d="M5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4m4-2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M9 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 9 8m1 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5"/><path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8.96q.04-.245.04-.5C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 1 1 12z"/></svg> <a href="' + x + '" class="small link-dark link-underline-opacity-25 link-underline-opacity-100-hover" target="_blank">Ver perfil en Portafolio Académico</a>'); | ||
} | ||
} | ||
|
||
function seccion(x){ | ||
if(x.includes("1")){ | ||
return ("Industrial y Servicios"); | ||
}else if(x.includes("2")){ | ||
return ("Visual y Medios"); | ||
}else{ | ||
return("no informada") | ||
} | ||
} | ||
|
||
function lineas(x) { | ||
let listado = ''; | ||
if (x) { | ||
if (x.includes("1")) { listado += '<li>Diseño centrado en la persona</li>'; } | ||
if (x.includes("2")) { listado += '<li>Materiales, Tecnologías y Procesos</li>'; } | ||
if (x.includes("3")) { listado += '<li>Morfología, Percepción y Color</li>'; } | ||
if (x.includes("4")) { listado += '<li>Identidad y Patrimonio</li>'; } | ||
if (x.includes("5")) { listado += '<li>Estudios Visuales y Mediales</li>'; } | ||
if (x.includes("6")) { listado += '<li>Diseño Editorial y Tipografía</li>'; } | ||
} | ||
else { | ||
listado = '<li>Líneas no informadas por Prof.</li>'; | ||
} | ||
return listado; | ||
|
||
} | ||
|
||
function menciones(x) { | ||
let frase = ''; | ||
if(x.includes("0")) { frase += 'Diseñador(a)'; } | ||
if(x.includes("0") && x.includes("1")){frase += '; ';} | ||
if(x.includes("1")) { frase += 'Diseñador(a) mención Industrial y Servicios'; } | ||
if(x.includes("0") && x.includes("2")){frase += '; ';} | ||
if(x.includes("2")) { frase += 'Diseñador(a) mención Visual y Medios'; } | ||
return frase; | ||
} | ||
|
||
|
||
function enfasis(x) { | ||
let enfatico = ''; | ||
if (x.includes("1")) { enfatico += '<li>Innovación</li>'; } | ||
if (x.includes("2")) { enfatico += '<li>Investigación</li>'; } | ||
if (x.includes("3")) { enfatico += '<li>Creación</li>'; } | ||
return enfatico; | ||
} | ||
|
||
function rol(x) { | ||
if (x.includes("Prof.")) { | ||
return '<small>Por reglamento: <strong>Prof. Guía o Prof. Guía 1</strong></small>'; | ||
} else { | ||
return '<small>Por reglamento: <strong>Prof. Guía 2</strong></small>'; | ||
} | ||
} | ||
|
||
|
||
|
||
</script> | ||
</body> | ||
</html> |