Add files via upload

FAU-UChile · Mar 23, 2024 · 546f83f · 546f83f
1 parent ef973ae
commit 546f83f
Showing 1 changed file with 192 additions and 86 deletions.
diff --git a/inscripcion-a-mano.html b/inscripcion-a-mano.html
@@ -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>