Merge pull request #93 from enflujo/interaciones-linea-tiempo

Interaciones linea tiempo
enflujo · Mar 21, 2024 · 9d79701 · 9d79701
2 parents 9a56ee5 + 85d3fd4
commit 9d79701
Show file tree

Hide file tree

Showing 13 changed files with 248 additions and 131 deletions.
diff --git a/estaticos/datosBuscador.json b/estaticos/datosBuscador.json
diff --git a/estaticos/egresados.json b/estaticos/egresados.json
diff --git a/estaticos/listasEgresados.json b/estaticos/listasEgresados.json
diff --git a/procesador/egresados.ts b/procesador/egresados.ts
@@ -3,15 +3,14 @@ import slugificar from 'slug';
 import type { DefinicionSimple, ElementoLista, CamposEgresados, ListasEgresados, Egresado } from '../src/tipos.js';
 import { guardarJSON, ordenarListaObjetos } from './ayudas.js';
 
-const camposMultiplesEgresados: CamposEgresados = [
+const camposEgresados: CamposEgresados = [
   { llave: 'ambitos', indice: 4 },
   { llave: 'paises', indice: 6 },
   { llave: 'temas', indice: 3 },
-  { llave: 'ciudades', indice: 5 }
+  { llave: 'ciudades', indice: 5 },
+  { llave: 'graduacion', indice: 1 }
 ];
 
-const camposEgresados = [...camposMultiplesEgresados];
-
 export default async function procesarEgresados(
   archivo: string,
   listasEgresados: ListasEgresados
@@ -30,12 +29,13 @@ export default async function procesarEgresados(
 
     flujo.on('data', (fila) => {
       if (numeroFila > 2) {
+        fila.formatted.arr[1] = `${fila.formatted.arr[1]}`;
         const datosFila = fila.formatted.arr;
         const egresado: Egresado = { nombre: datosFila[0].trim(), id: numeroFila - 2 };
 
-        const añoGraduacion = datosFila[1] ? `${datosFila[1]}` : null;
-        if (añoGraduacion && añoGraduacion.trim().toLocaleLowerCase() !== 'no disponible')
-          egresado.graduacion = añoGraduacion.trim();
+        // const añoGraduacion = datosFila[1] ? `${datosFila[1]}` : null;
+        const añoGraduacion = validarValorSingular(datosFila[1], listasEgresados.graduacion);
+        if (añoGraduacion) egresado.graduacion = [añoGraduacion];
 
         const institucion = validarValorSingular(datosFila[2]);
         if (institucion) egresado.institucion = institucion;
@@ -54,11 +54,13 @@ export default async function procesarEgresados(
 
         egresados.push(egresado);
       }
-
       numeroFila++;
     });
 
     flujo.on('close', () => {
+      for (const lista in listasEgresados) {
+        ordenarListaObjetos(listasEgresados[lista as keyof ListasEgresados], 'slug', true);
+      }
       ordenarListaObjetos(egresados, 'slug', true);
 
       egresados.forEach((egresado) => {
@@ -83,9 +85,10 @@ export default async function procesarEgresados(
 
                 slugsCampoEgresado.forEach((slug) => {
                   const i = listasEgresados[llaveALlenar].findIndex((obj) => obj.slug === slug);
+
                   const elementosDondeConectar = Array.isArray(datosRelacion)
                     ? (datosRelacion as DefinicionSimple[]).map(({ slug }) => slug)
-                    : [datosRelacion];
+                    : [(datosRelacion as DefinicionSimple).slug];
 
                   elementosDondeConectar.forEach((elementoConector) => {
                     const elementoALlenar = listasEgresados[llaveDondeLllenar].find(
@@ -112,6 +115,19 @@ export default async function procesarEgresados(
                     }
                   });
                 });
+              } else {
+                const elementosDondeConectar = Array.isArray(datosRelacion)
+                  ? (datosRelacion as DefinicionSimple[]).map(({ slug }) => slug)
+                  : [(datosRelacion as DefinicionSimple).slug];
+                elementosDondeConectar.forEach((elementoConector) => {
+                  const elementoALlenar = listasEgresados[llaveDondeLllenar].find(
+                    (obj) => obj.slug === elementoConector
+                  );
+
+                  if (!elementoALlenar?.egresados?.includes(id)) {
+                    elementoALlenar?.egresados?.push(id);
+                  }
+                });
               }
             }
           });

diff --git a/procesador/procesador.ts b/procesador/procesador.ts
@@ -57,17 +57,16 @@ const listasEgresados: ListasEgresados = {
   paises: [],
   temas: [],
   ambitos: [],
-  ciudades: []
+  ciudades: [],
+  graduacion: []
 };
 
 const archivo = './procesador/datos/Listado de proyectos - 60 años dpto antropología .xlsx';
 let personas: PersonaID;
 
 async function procesar() {
   personas = await procesarPersonas(archivo);
-
   const egresados = await procesarEgresados(archivo, listasEgresados);
-
   await procesarProyectos();
   console.log('Proyectos procesados');
   await procesarLugares(archivo, listas, listasEgresados);

diff --git a/src/componentes/Creditos.astro b/src/componentes/Creditos.astro
@@ -36,65 +36,64 @@
   </div>
 
   <div class="contenedorLogos">
-    <ul>
-      <li class="bloque">
-        <h3 class="rol">Investigación:</h3>
-        <ul class="nombres">
-          <p>Profesores del Departamento de Antropología</p>
-          <p>Daniel A. Medina</p>
-        </ul>
-        <p class="organizacion">
-          <a href="https://cienciassociales.uniandes.edu.co/" target="_blank">Facultad de Ciencias Sociales</a>
-        </p>
-      </li>
-
-      <li class="bloque">
-        <h3 class="rol">Apoyo:</h3>
-        <ul class="nombres">
-          <p>Comunicaciones y posicionamiento</p>
-        </ul>
-        <p class="organizacion">
-          <a href="https://cienciassociales.uniandes.edu.co/" target="_blank">Facultad de Ciencias Sociales</a>
-        </p>
-      </li>
-
-      <li class="bloque">
-        <h3 class="rol">Diseño conceptual y mediación:</h3>
-
-        <a href="https://humanidad.digital" target="_blank">
-          <img
-            class="logo"
-            loading="lazy"
-            src={`${import.meta.env.BASE_URL}/imgs/logo-humanidadDigital.svg`}
-            alt="Logo Colectivo Humanidad Digital"
-          /></a
-        >
-      </li>
-
-      <li class="bloque">
-        <h3 class="rol">Desarrollo de la visualización:</h3>
-        <a href="https://enflujo.com" target="_blank">
-          <img
-            class="logoEnFlujo"
-            loading="lazy"
-            src={`${import.meta.env.BASE_URL}/imgs/logo_enflujo_blanco.svg`}
-            alt="Logo EnFlujo"
-          /></a
-        >
-      </li>
-
-      <li class="bloqueFinal">
-        <a href="https://uniandes.edu.co/" target="_blank">
-          <img
-            class="logoAndes"
-            loading="lazy"
-            src={`${import.meta.env.BASE_URL}/imgs/logo_andes_blanco.svg`}
-            alt="Logo EnFlujo"
-          /></a
-        >
-        <h4 class="rol">2024</h4>
-      </li>
-    </ul>
+    <section class="bloque">
+      <h3 class="rol">Investigación:</h3>
+
+      <div class="nombres">
+        <p>Profesores del Departamento de Antropología</p>
+        <p>Daniel A. Medina</p>
+      </div>
+      <p class="organizacion">
+        <a href="https://cienciassociales.uniandes.edu.co/" target="_blank">Facultad de Ciencias Sociales</a>
+      </p>
+    </section>
+
+    <section class="bloque">
+      <h3 class="rol">Apoyo:</h3>
+      <div class="nombres">
+        <p>Comunicaciones y posicionamiento</p>
+      </div>
+      <p class="organizacion">
+        <a href="https://cienciassociales.uniandes.edu.co/" target="_blank">Facultad de Ciencias Sociales</a>
+      </p>
+    </section>
+
+    <section class="bloque">
+      <h3 class="rol">Diseño conceptual y mediación:</h3>
+
+      <a href="https://humanidad.digital" target="_blank">
+        <img
+          class="logo"
+          loading="lazy"
+          src={`${import.meta.env.BASE_URL}/imgs/logo-humanidadDigital.svg`}
+          alt="Logo Colectivo Humanidad Digital"
+        /></a
+      >
+    </section>
+
+    <section class="bloque">
+      <h3 class="rol">Desarrollo de la visualización:</h3>
+      <a href="https://enflujo.com" target="_blank">
+        <img
+          class="logoEnFlujo"
+          loading="lazy"
+          src={`${import.meta.env.BASE_URL}/imgs/logo_enflujo_blanco.svg`}
+          alt="Logo EnFlujo"
+        /></a
+      >
+    </section>
+
+    <section class="bloqueFinal">
+      <a href="https://uniandes.edu.co/" target="_blank">
+        <img
+          class="logoAndes"
+          loading="lazy"
+          src={`${import.meta.env.BASE_URL}/imgs/logo_andes_blanco.svg`}
+          alt="Logo EnFlujo"
+        /></a
+      >
+      <h4 class="rol">2024</h4>
+    </section>
   </div>
 
   <script>
@@ -181,6 +180,7 @@
 
         .bloque {
           margin-bottom: 2em;
+          font-size: 0.85em;
 
           p {
             margin-top: 0.2em;

diff --git a/src/componentes/Ficha/Ficha.astro b/src/componentes/Ficha/Ficha.astro
@@ -6,6 +6,7 @@ const secciones = [
   { nombre: 'Enlaces', slug: 'enlaces' },
   { nombre: 'Proyectos', slug: 'proyecto' },
   { nombre: 'Egresados', slug: 'egresado' },
+  { nombre: 'Año de Graduación', slug: 'graduacion' },
 
   { nombre: 'Líderes de Proyectos', slug: 'lideres' },
   { nombre: 'Participantes', slug: 'participantes' },
@@ -39,12 +40,12 @@ const secciones = [
     </div>
   </section>
 
-  <section id="navegacion">
+  <div id="navegacion">
     <div id="navegacionProyectos">
       <div id="fichaElementoAnterior"><span class="botonNavegacion izquierda"></span></div>
       <div id="fichaElementoSiguiente"><span class="botonNavegacion derecha"></span></div>
     </div>
-  </section>
+  </div>
 
   <section id="inferior">
     <div class="seccionDatos" data-nombre="descripcion">
@@ -150,7 +151,7 @@ const secciones = [
   };
 
   botonCerrarFicha.onclick = () => {
-    ficha.style.display = 'none';
+    datosFicha.setKey('visible', false);
     window.history.pushState({}, '', decodeURIComponent(window.location.pathname));
     filtrarMapa();
   };
@@ -226,6 +227,7 @@ const secciones = [
     llenarCampos('temas', datos, vistaActual);
     llenarCampos('paises', datos, vistaActual);
     llenarCampos('ciudades', datos, vistaActual);
+    llenarCampos('graduacion', datos, vistaActual);
     // Ocultar participantes en ficha de líderes de proyectos
 
     if (datos.lista === 'Líderes de Proyectos') {
@@ -237,7 +239,7 @@ const secciones = [
   });
 
   function llenarCampos(
-    campo: LLavesMultiples | 'proyecto' | 'egresado' | 'ambitos' | 'ciudades',
+    campo: LLavesMultiples | 'proyecto' | 'egresado' | 'ambitos' | 'ciudades' | 'graduacion',
     datos: Ficha,
     vistaActual: 'proyectos' | 'egresados'
   ) {

diff --git a/src/componentes/Ficha/Red.astro b/src/componentes/Ficha/Red.astro
@@ -7,8 +7,7 @@
     id="enlaceRedAcademia"
     href="#"
     target="_blank"
-    style={`background-image: url(${import.meta.env.BASE_URL}/imgs/icono-enlace-externo.svg)`}
-    )></a>
+    style={`background-image: url(${import.meta.env.BASE_URL}/imgs/icono-enlace-externo.svg)`}></a>
   <iframe id="redAcademica"></iframe>
 
   <p class="pieDeFoto">Red de colaboración entre personas</p>