Merge pull request #92 from fedecarboni7/feature-ai-formaciones

Feature ai formaciones
fedecarboni7 · Oct 15, 2024 · 0153bb2 · 0153bb2
2 parents 9af9838 + c63c04e
commit 0153bb2
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 562 deletions.
diff --git a/app/utils/parse_formations.py b/app/utils/parse_formations.py
diff --git a/proyect_structure.txt b/proyect_structure.txt
@@ -85,6 +85,7 @@ Listado de rutas de carpetas
 |       index.html
 |       landing-page.html
 |       login.html
+|       results.html
 |       signup.html
 |       
 +---tests

diff --git a/static/css/styles-v1.0.3.css b/static/css/styles-v1.0.3.css
@@ -558,3 +558,10 @@ tr:last-child {
 .popup-content {
     position: relative;
 }
+
+/* Ajustar el tamaño de las flechas del Swiper */
+.swiper-button-prev, .swiper-button-next {
+    --swiper-navigation-size: 30px;
+    --swiper-navigation-sides-offset: 2px;
+    --swiper-navigation-color: #e0e0e0b5;
+}
diff --git a/static/js/script-v1.0.6.js b/static/js/script-v1.0.6.js
@@ -166,7 +166,7 @@ function validateForm(event) {
         if (nameInput) {
             let playerName = nameInput.value.trim();
             if (names.has(playerName)) {
-                alert('Los nombres de los jugadores deben ser distintos. Nombre duplicado: ' + playerName);
+                alert('Los nombres de los jugadores deben ser distintos. Nombre repetido: ' + playerName);
                 event.preventDefault();
                 return false;
             }
@@ -199,6 +199,17 @@ function validateForm(event) {
         document.querySelector('#teams-container').innerHTML = data.html;
         playerDataDict = data.player_data_dict;
         teams = data.teams;
+
+        // Hacer que los inputs se vuelvan readonly
+        document.querySelectorAll('input[name="names"]').forEach(input => {
+            input.readOnly = true;
+        });
+
+        // Hacer scroll hasta el div de los resultados
+        const resultsContainer = document.querySelector('#teams-container');
+        if (resultsContainer) {
+            resultsContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
     })
     .catch(error => {
         alert('Hubo un error al enviar los datos.');
@@ -894,15 +905,23 @@ function createBarChart(contentContainer) {
             datasets: [{
                 label: 'Equipo 1',
                 data: team1Data,
-                backgroundColor: 'rgba(54, 162, 235, 0.5)', // Azul
+                backgroundColor: 'rgba(54, 162, 235, 0.2)', // Azul
                 borderColor: 'rgb(54, 162, 235)',
-                borderWidth: 1
+                borderWidth: 3,
+                pointBackgroundColor: 'rgb(54, 162, 235)',
+                pointBorderColor: '#fff',
+                pointHoverBackgroundColor: '#fff',
+                pointHoverBorderColor: 'rgb(54, 162, 235)'
             }, {
                 label: 'Equipo 2',
                 data: team2Data,
-                backgroundColor: 'rgba(255, 99, 132, 0.5)', // Rojo
+                backgroundColor: 'rgba(255, 99, 132, 0.2)', // Rojo
                 borderColor: 'rgb(255, 99, 132)',
-                borderWidth: 1
+                borderWidth: 3,
+                pointBackgroundColor: 'rgb(255, 99, 132)',
+                pointBorderColor: '#fff',
+                pointHoverBackgroundColor: '#fff',
+                pointHoverBorderColor: 'rgb(255, 99, 132)'
             }]
         },
         options: {
@@ -913,7 +932,7 @@ function createBarChart(contentContainer) {
                 x: {
                     beginAtZero: true,
                     grid: {
-                        color: 'rgba(255, 255, 255, 0.2)',
+                        color: 'rgba(255, 255, 255, 0.4)',
                         lineWidth: 1
                     },
                     ticks: {
@@ -928,6 +947,7 @@ function createBarChart(contentContainer) {
                         color: '#e0e0e0',
                         font: {
                             size: 14,
+                            weight: 500,
                             family:'Segoe UI'
                         }
                     }
@@ -944,14 +964,6 @@ function createBarChart(contentContainer) {
                         }
                     }
                 }
-            },
-            layout: {
-                padding: {
-                    left: 20,
-                    right: 20,
-                    top: 20,
-                    bottom: 20
-                }
             }
         }
     });

diff --git a/templates/results.html b/templates/results.html
@@ -83,12 +83,12 @@ <h2>Equipo 2</h2>
                             </div>
                         </div>
                         <div class="swiper-slide">
-                            <div class="bar-chart-container">
+                            <div class="chart-container">
                                 <canvas></canvas>
                             </div>
                         </div>
                         <div class="swiper-slide">
-                            <div class="chart-container">
+                            <div class="bar-chart-container">
                                 <canvas></canvas>
                             </div>
                         </div>