https://github.com/amneweb/sailwave

Transformando el html de resultados de flotas para que tenga el color de cada flota al lado del puntaje
https://github.com/amneweb/sailwave

Last synced: 21 days ago
JSON representation

Transformando el html de resultados de flotas para que tenga el color de cada flota al lado del puntaje

• Host: GitHub
• URL: https://github.com/amneweb/sailwave
• Owner: Amneweb
• Created: 2024-10-12T11:18:26.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T02:16:14.000Z (7 months ago)
• Last Synced: 2025-04-12T06:49:11.411Z (21 days ago)
• Language: JavaScript
• Size: 1.97 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
### Sailwave - publish fleet color in each result cell

![Imagen de la vista de resultados](./bannerResultados.jpg)

Script preparado en conjunto con [@nicloshub](https://github.com/nicloshub/) para agregar un diamante (o un círculo) del color de la flota al lado del puesto de cada regata en la publicación de resultados utilizando [Sailwave](https://www.sailwave.com/).

El script considera que la publicación se realiza con cada flota en una columna diferente (x ejemplo para un campeonato de 4 flotas habrá 4 columnas para la regata 1, 4 para la regata 2, etc). La imagen que sigue muestra cómo configurar esta publicación en Sailwave.

![Screenshot de como configurar la vista con columnas por flota en Sailwave](./sailwaveScreenShot.png)

Si no se quiere usar el script desde Effects, se lo puede llamar desde el html generado con Sailwave, agregando el enlace al final del html, antes de cerrar el body. En este caso, en que el script está en la misma carpeta que el html:

```

```

Hay dos versiones:

- 1. El color de la flota se inserta con un caracter HTML que puede ser un diamante o un círculo (rama main)

- 2. El color se inserta mediante un span circular (rama span)

> [!WARNING]

> Respecto a los colores de las flotas

Se establecieron colores para 7 flotas (si hubiera más habría que agregar más opciones al array de colores - las opciones deben contener el nombre de un color existente, o el código HEX)

Los colores en el array se corresponden a los siguientes colores de flota, en el orden en que acá se muestran👇

- AMARILLO

- AZUL

- ROJO

- BLANCO

- VERDE

- MARRON

- VIOLETA