From 703d5b9dcf108f73d2fc5f2a09b229018f820eb1 Mon Sep 17 00:00:00 2001
From: rodpena <rodrigo.pena22@estudiantes.uva.es>
Date: Sat, 7 Dec 2024 19:07:25 +0100
Subject: [PATCH] cambio botones

---
 script.js  | 45 ++++++++++++++++++++++++++++++---------------
 styles.css |  2 +-
 2 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/script.js b/script.js
index 2c7cab2..13115d8 100644
--- a/script.js
+++ b/script.js
@@ -226,22 +226,23 @@ function cargarJugadoresDesdeArchivo() {
     d3.csv(csvPath).then((data) => {
         const maximos = calcularMaximos(data);
         const colores = [
-            "#FF0000", // Rojo vivo
-            "#FFFF00", // Amarillo brillante
-            "#00FF00", // Verde brillante
-            "#00FFFF", // Cyan brillante
-            "#0000FF", // Azul vivo
-            "#FF00FF", // Magenta vivo
-            "#FFA500", // Naranja vivo
-            "#800080", // Morado oscuro
-            "#FFC0CB", // Rosa brillante
-            "#FFD700", // Dorado brillante
-            "#8B4513", // Marrón
-            "#4B0082", // Índigo (reemplaza al Verde Azulado)
-            "#DC143C", // Carmesí
-            "#FF4500", // Naranja rojizo brillante (reemplaza al Azul Claro)
-            "#ADFF2F"  // Verde amarillo
+            "#FF5733", // Rojo anaranjado brillante
+            "#33FF57", // Verde brillante
+            "#3357FF", // Azul brillante
+            "#F333FF", // Magenta
+            "#FFD733", // Amarillo brillante
+            "#33FFF5", // Cyan
+            "#FF33A1", // Rosa fuerte
+            "#A133FF", // Morado brillante
+            "#FF6F33", // Naranja fuerte
+            "#33FF94", // Verde agua
+            "#FF3333", // Rojo vivo
+            "#33A1FF", // Azul cielo
+            "#FF33D7", // Rosa intenso
+            "#6FFF33", // Verde limón
+            "#FF9333"  // Naranja pastel
         ];
+
         
 
         // Asignar un color único a cada jugador
@@ -365,16 +366,30 @@ function animatePoints(selector, finalValue, duration) {
     requestAnimationFrame((timestamp) => step(timestamp, timestamp));
 }
 
+// Ejecutar automáticamente la función de datos de temporada al cargar la página
+document.addEventListener("DOMContentLoaded", () => {
+    restaurarFormaOriginal();
+    datosTemporada();
+    cargarDatosTemporada();
+    resaltarBotonActivo("#div-superior");
+});
+
+function resaltarBotonActivo(selector) {
+    d3.selectAll("#div-superior, #div-inferior").style("background-color", "#B3E5FC").style("color", "#333");
+    d3.select(selector).style("background-color", "#0288D1").style("color", "#FFF").style("font-weight", "bold");
+}
 
 // Eventos de clic en los botones de datos
 d3.select("#div-superior").on("click", () => {
     restaurarFormaOriginal();
     datosTemporada();
     cargarDatosTemporada();
+    resaltarBotonActivo("#div-superior");
 });
 
 d3.select("#div-inferior").on("click", () => {
     restaurarFormaOriginal();
     rendimientoJugadores();
     cargarJugadoresDesdeArchivo();
+    resaltarBotonActivo("#div-inferior");
 });
diff --git a/styles.css b/styles.css
index 1899aad..0f40d62 100644
--- a/styles.css
+++ b/styles.css
@@ -151,7 +151,7 @@ body {
     height: 100%; /* Asegura que ocupe toda la altura */
     padding: 10px; /* Espaciado interno */
     box-sizing: border-box; /* Incluye padding en el tamaño total */
-    max-width: 70%; /* Garantiza que no exceda el 70% del ancho */
+    max-width: 70%; /* Garantiza que no exceda el 70% del ancho */    
 }
 
 
-- 
GitLab