From 7a56a44d3a519a1513a37b24b43e4cbf738908ac Mon Sep 17 00:00:00 2001
From: Rodrigo_R <rodrigo.rapiman@ug.uchile.cl>
Date: Mon, 4 Dec 2023 17:54:00 -0300
Subject: [PATCH] Se modifican casos borde y se modifica el readme

---
 README.md                               | 46 +++++--------------------
 frontend/src/routes/ParaderoInfo.svelte | 10 +++---
 2 files changed, 15 insertions(+), 41 deletions(-)

diff --git a/README.md b/README.md
index e14d102..16d9920 100644
--- a/README.md
+++ b/README.md
@@ -3,14 +3,12 @@ Sección del programa que gestiona la parte logica del mismo
 
 El Backend fue desarrollado usando el lenguaje python con el framework django.
 
-El contenido base, se encuentra cargado bajo la rama ****master/backend*** y su desarrollo bajo la rama ***develop/backend*** de este repositorio git.
 
 # Frontend
 Sección del programa que muestra de forma visual, los datos entregados por el backend
 
 El Frontend fue realizado usando el framework svelte js (ref: https://svelte.dev/).
 
-El contenido base, se encuentra cargado bajo la rama ***master/frontend*** y su desarrollo bajo la rama ***develop/frontend*** de este repositorio git.
 
 # Docker
 Docker es una herramienta que permite crear un ambiente de trabajo/desarrollo con las utilidades y lenguajes requeridos (ref: https://www.docker.com/).
@@ -21,27 +19,20 @@ Para descargar el proyecto, realice los siguientes pasos en una ***consola bash*
 ~~~bash
 mkdir <carpeta>/transporte
 cd <carpeta>/transporte
-git clone https://gitlab.com/m3f_usm/T_digital_Transporte_USM.git backend -b develop/backend
-git clone https://gitlab.com/m3f_usm/T_digital_Transporte_USM.git frontend -b develop/frontend
+git clone https://gitlab.com/m3f_usm/T_digital_Transporte_USM.git 
+
 ~~~
 
-## Descargue el ultimo respaldo de la base de datos
-Los respaldos de la base de datos, se encuentran almacenados en gitlab del proyecto.
-
-Su ruta es: Menu -> Plan -> Wiki -> Página Home
-
-Deje el archivo de respaldo (.sql.gz) en la carpeta transporte/backend/docker/backups.
-en caso que no exista la carpeta, cree esa carpeta.
 
 ## Ejecución del proyecto
 
 backend
 ~~~bash
-cd <carpeta>/transporte/backend/docker
+cd <carpeta>/transporte
 docker compose up -d
 ~~~
 
-Para confirme que se halla levantado los 2 servicios (proyecto y base de datos).
+Para confirme que se halla levantado los  servicios.
 ~~~bash
 docker compose ps
 ~~~
@@ -57,42 +48,23 @@ Si una vez que restaurado el respaldo de la base de datos, ésta no que ejecutan
 docker compose start db
 ~~~
 
-frontend
-~~~bash
-cd transporte/frontend/docker
-docker compose up -d
-~~~
 
 ## Visualización del proyecto.
 El backend del proyecto, se levanta usando el puerto 4000
 
-http://localhost:4000
+http://localhost:4000/rutaParadero/paradero_info/?id=
 
-En esta url, se encuentra una compilación del frontend, no es la ultima realizada.
+En esta url, se encuentra la llamda a la api getInfoDevice y dependiendo de el valor de la id tendra un respuesta acorde a la id.
 
 El frontend del proyecto, se levanta usando el puerto 3000
 
-http://localhost:3000
+http://localhost:3000/rutaParadero?id=
 
 En esta url, se encuentra el desarrollo de la parte visual del proyecto.
 
-## Acceso al proyecto
-
-En el ultimo respaldo, se dejo no vigentes a los usuarios. Cuando no existen usuarios vigentes, ud. puede ingresar con las credenciales
-
-usuario: 0
-
-contraseña: 0
-
-Una vez ingresado, en el mantenedor de usuarios, puede cambiar su contraseña, correo y vigencia.
-
-Una vez que existan usuarios vigentes, el acceso con usuario 0, no podrá ser utilizado.
-
-
 ## Detención del proyecto
 ~~~bash
-cd <carpeta>/transporte/backend/docker
-docker compose down
-cd <carpeta>/transporte/frontend/docker
+cd <carpeta>/transporte
 docker compose down
+
 ~~~
diff --git a/frontend/src/routes/ParaderoInfo.svelte b/frontend/src/routes/ParaderoInfo.svelte
index ec1ec3f..f87c04f 100644
--- a/frontend/src/routes/ParaderoInfo.svelte
+++ b/frontend/src/routes/ParaderoInfo.svelte
@@ -296,14 +296,16 @@ else {
     {#each paraderoData.DetalleLineas as linea,index}
       <div class="rectangulo-pequeno" >
         <div class="numero-micro">{LetraoNumeroMicro(linea.Descripcion,0)}</div>
+        
         {#if linea.colorFondo}
-        <div class="circulo-letra" style="background-color: {linea.colorFondo}">{LetraoNumeroMicro(linea.Descripcion,1)}</div>
-        <div class="hora" style="background-color: {linea.colorFondo}">{obtenerTextoHora(linea.Llegadas[0].EstimadaGPS)} </div>
+        <div class="circulo-letra" style="background-color: #{linea.colorFondo}">{LetraoNumeroMicro(linea.Descripcion,1)}</div>
+        <div class="hora" style="background-color: #{linea.colorFondo}">{obtenerTextoHora(linea.Llegadas[0].EstimadaGPS)} </div>
         {:else}
         <div class="circulo-letra" style="background-color: #5fbabe">{LetraoNumeroMicro(linea.Descripcion,1)}</div>
         <div class="hora" style="background-color: #5fbabe">{obtenerTextoHora(linea.Llegadas[0].EstimadaGPS)} </div>
-        {/if}
-      </div>      
+      {/if} 
+      </div>
+         
     {/each}
 
     {:else}