embalses visibles, lógica adecuada, necesidad de cambios en interfaz

lib/BloC/contenedores_event.dart

@@ -15,6 +15,26 @@ class MyBloc extends Cubit<MyState> {
   MyBloc() : super(MyState());
 
 }
+//mejorar código 
+Future<List<String>> obtenerDatos(String url) async {
+    final response = await http.get(Uri.parse('http://www.crcivan.com/escaparate/noticias.cgi?idnoticias=192683'));
+    if (response.statusCode == 200) {
+      final document = htmlParser.parse(response.body);
+      final elementosSpan = document.querySelectorAll('html > body > div > center > table > tbody > tr > td > div > center > table > tbody > tr > td > table > tbody > tr > td > font > font > table > tbody > tr > td > span');
+      List<String> embalsesData = [];
+
+      for (var elemento in elementosSpan) {
+        final style = elemento.attributes['style'];
+        if (style != null && style.contains('color: #000000; font-size: 12pt;')) {
+          embalsesData.add(elemento.text);
+        }
+      }
+
+      return embalsesData;
+    } else {
+      throw Exception('Error al cargar los datos de embalses');
+    }
+  }
 
 Future<void> launchAemetURL() async {
 	const urlString = 'https://www.aemet.es/es/eltiempo/prediccion/municipios/caspe-id50074';

lib/pages/embalses

@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:http/http.dart' as http;
 import 'package:html/parser.dart' as htmlParser;
-import 'package:html/dom.dart' as htmlDom;
 import 'package:flutter_project/bars/app_bar';
 import 'package:flutter_project/bars/bottom_bar';
 
@@ -13,8 +12,7 @@ class EmbalsesPage extends StatefulWidget {
 }
 
 class _EmbalsesPageState extends State<EmbalsesPage> {
-  List<String> embalsesData = [];
+List<Map<String, dynamic>> embalsesData = [];
-
   @override
   void initState() {
     super.initState();
@@ -28,24 +26,60 @@ class _EmbalsesPageState extends State<EmbalsesPage> {
 
       // Buscar los elementos <span> dentro de la estructura específica
       final elementosSpan = document.querySelectorAll('html > body > div > center > table > tbody > tr > td > div > center > table > tbody > tr > td > table > tbody > tr > td > font > font > table > tbody > tr > td > span');
+      final nombreEmbalses = document.querySelectorAll('html > body > div > center > table > tbody > tr > td > div > center > table > tbody > tr > td > table > tbody > tr > td > font > font > table > tbody > tr > td > p > span');
       
+      final filaTabla = document.querySelectorAll('html > body > div > center > table > tbody > tr > td > div > center > table > tbody > tr > td > table > tbody > tr > td > font > font > table > tbody > tr');
       // Limpiar la lista de datos antes de actualizarla
       setState(() {
         embalsesData.clear();
       });   
 
+     /* for (var i = 0; i < filaTabla.length; i++){
+        var nombre[i] = filaTabla.child('td > p > span');
+        List elemento[i] = filaTabla.child('td > span');
+        embalseData.add(nombre, elemento);
+      }*/
+
       // Agregar textos de los elementos <span> a la lista
-      for (var elemento in elementosSpan) {
+  /*  for (var i = 0; i < elementosSpan.length; i++) {
+        final elemento = elementosSpan[i];
         final style = elemento.attributes['style'];
-        if (style != null && style.contains('color: #000000; font-size: 12pt;')) {
+        if (style != null && style.contains('font-size: 12pt;')) {
           setState(() {
-            embalsesData.add(elemento.text);
+            // Verificar si el índice es válido antes de agregar los datos a embalsesData
+            if (i < nombreEmbalses.length) {
+              embalsesData.add({
+                'nombre': nombreEmbalses[i].text,
+                'otroTexto': elemento.text,
+              });
+            }
+          });
+        }
+      } */
+
+  for (var fila in filaTabla) {
+  var nombreElemento = fila.querySelector('td > p > span');
+  var elementos = fila.querySelectorAll('td > span');
+
+  if (nombreElemento != null && elementos.isNotEmpty) {
+    var nombre = nombreElemento.text;
+    var listaElementos = elementos.map<String>((elemento) => elemento.text).toList();
+
+    // Crear un mapa con el nombre del embalse y sus elementos
+    var embalseMap = {'nombre': nombre, 'elementos': listaElementos};
+
+    // Agregar el mapa a la lista de embalsesData
+    setState(() {
+      embalsesData.add(embalseMap);
     });
   }
 }
+
+
     } else {
       throw Exception('Error al cargar los datos de embalses');
     }
+
   }
 
   @override
@@ -66,7 +100,10 @@ Widget build(BuildContext context) {
   child: ListView.builder(
     itemCount: embalsesData.length,
     itemBuilder: (context, index) {
-              final embalse = embalsesData[index];
+      final embalseData = embalsesData[index];
+      final nombreEmbalse = embalseData['nombre'];
+      final listaElementos = embalseData['elementos'];
+
       return Padding(
         padding: const EdgeInsets.only(bottom: 8.0),
         child: Container(
@@ -82,7 +119,7 @@ Widget build(BuildContext context) {
                     child: Padding(
                       padding: const EdgeInsets.all(8.0),
                       child: Text(
-                                embalse,
+                        nombreEmbalse!,
                         style: TextStyle(
                           fontWeight: FontWeight.bold,
                         ),
@@ -96,24 +133,16 @@ Widget build(BuildContext context) {
                   Expanded(
                     child: Padding(
                       padding: const EdgeInsets.symmetric(horizontal: 8.0),
-                              child: Text(
+                      child: Column(
-                                'Valor 1',
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: listaElementos.map<Widget>((elemento) {
+                          return Text(
+                            elemento,
+                            style: TextStyle(
+                              fontWeight: FontWeight.normal,
                             ),
-                            ),
+                          );
-                          ),
+                        }).toList(),
-                          Expanded(
-                            child: Padding(
-                              padding: const EdgeInsets.symmetric(horizontal: 8.0),
-                              child: Text(
-                                'Valor 2',
-                              ),
-                            ),
-                          ),
-                          Expanded(
-                            child: Padding(
-                              padding: const EdgeInsets.symmetric(horizontal: 8.0),
-                              child: Text(
-                                'Valor 3',
                       ),
                     ),
                   ),
@@ -124,12 +153,11 @@ Widget build(BuildContext context) {
         ),
       );
     },
-          ),
+  ),),
-        ),
   ],
 ),
+
       bottomNavigationBar: const CustomBottomBar(),
     );
   }
-
 }