Update modules/studentact/current_situation_interface.py

modules/studentact/current_situation_interface.py

@@ -20,7 +20,7 @@ from .current_situation_analysis import (
     generate_connection_paths,
     create_vocabulary_network, 
     create_syntax_complexity_graph, 
-    create_cohesion_heatmap,     
+    create_cohesion_heatmap     
 )
 
 # Configuración del estilo de matplotlib para el gráfico de radar
@@ -293,4 +293,93 @@ def display_radar_chart(metrics_config, thresholds):
     except Exception as e:
         logger.error(f"Error mostrando gráfico radar: {str(e)}")
         st.error("Error al mostrar el gráfico")
-#######################################
+#######################################
+
+def display_recommendations(recommendations, t):
+    """
+    Muestra las recomendaciones con un diseño de tarjetas.
+    """
+    # Definir colores para cada categoría
+    colors = {
+        'vocabulary': '#2E86C1',  # Azul
+        'structure': '#28B463',   # Verde
+        'cohesion': '#F39C12',    # Naranja
+        'clarity': '#9B59B6',     # Púrpura
+        'priority': '#E74C3C'     # Rojo para la categoría prioritaria
+    }
+    
+    # Iconos para cada categoría
+    icons = {
+        'vocabulary': '📚',
+        'structure': '🏗️',
+        'cohesion': '🔄',
+        'clarity': '💡',
+        'priority': '⭐'
+    }
+    
+    # Obtener traducciones para cada dimensión
+    dimension_names = {
+        'vocabulary': t.get('SITUATION_ANALYSIS', {}).get('vocabulary', "Vocabulario"),
+        'structure': t.get('SITUATION_ANALYSIS', {}).get('structure', "Estructura"),
+        'cohesion': t.get('SITUATION_ANALYSIS', {}).get('cohesion', "Cohesión"),
+        'clarity': t.get('SITUATION_ANALYSIS', {}).get('clarity', "Claridad"),
+        'priority': t.get('SITUATION_ANALYSIS', {}).get('priority', "Prioridad")
+    }
+    
+    # Título de la sección prioritaria
+    priority_focus = t.get('SITUATION_ANALYSIS', {}).get('priority_focus', 'Área prioritaria para mejorar')
+    st.markdown(f"### {icons['priority']} {priority_focus}")
+    
+    # Determinar área prioritaria (la que tiene menor puntuación)
+    priority_area = recommendations.get('priority', 'vocabulary')
+    priority_title = dimension_names.get(priority_area, "Área prioritaria")
+    
+    # Determinar el contenido para mostrar
+    if isinstance(recommendations[priority_area], dict) and 'title' in recommendations[priority_area]:
+        priority_title = recommendations[priority_area]['title']
+        priority_content = recommendations[priority_area]['content']
+    else:
+        priority_content = recommendations[priority_area]
+    
+    # Mostrar la recomendación prioritaria con un estilo destacado
+    with st.container():
+        st.markdown(
+            f"""
+            <div style="border:2px solid {colors['priority']}; border-radius:5px; padding:15px; margin-bottom:20px;">
+                <h4 style="color:{colors['priority']};">{priority_title}</h4>
+                <p>{priority_content}</p>
+            </div>
+            """, 
+            unsafe_allow_html=True
+        )
+    
+    # Crear dos columnas para las tarjetas de recomendaciones restantes
+    col1, col2 = st.columns(2)
+    
+    # Distribuir las recomendaciones en las columnas
+    categories = ['vocabulary', 'structure', 'cohesion', 'clarity']
+    for i, category in enumerate(categories):
+        # Saltar si esta categoría ya es la prioritaria
+        if category == priority_area:
+            continue
+            
+        # Determinar título y contenido
+        if isinstance(recommendations[category], dict) and 'title' in recommendations[category]:
+            category_title = recommendations[category]['title']
+            category_content = recommendations[category]['content']
+        else:
+            category_title = dimension_names.get(category, category)
+            category_content = recommendations[category]
+        
+        # Alternar entre columnas
+        with col1 if i % 2 == 0 else col2:
+            # Crear tarjeta para cada recomendación
+            st.markdown(
+                f"""
+                <div style="border:1px solid {colors[category]}; border-radius:5px; padding:10px; margin-bottom:15px;">
+                    <h4 style="color:{colors[category]};">{icons[category]} {category_title}</h4>
+                    <p>{category_content}</p>
+                </div>
+                """, 
+                unsafe_allow_html=True
+            )