Spaces:
Sleeping
Sleeping
Update modules/ui/ui.py
Browse files- modules/ui/ui.py +86 -224
modules/ui/ui.py
CHANGED
|
@@ -368,232 +368,94 @@ def display_videos_and_info(lang_code, t):
|
|
| 368 |
####################################
|
| 369 |
####################################
|
| 370 |
|
| 371 |
-
|
| 372 |
-
|
| 373 |
-
|
| 374 |
-
|
| 375 |
-
|
| 376 |
-
|
| 377 |
-
|
| 378 |
-
|
| 379 |
-
|
| 380 |
-
|
| 381 |
-
|
| 382 |
-
|
| 383 |
-
|
| 384 |
-
|
| 385 |
-
|
| 386 |
-
|
| 387 |
-
|
| 388 |
-
|
| 389 |
-
|
| 390 |
-
|
| 391 |
-
|
| 392 |
-
|
| 393 |
-
1:
|
| 394 |
-
|
| 395 |
-
|
| 396 |
-
|
| 397 |
-
|
| 398 |
-
|
| 399 |
-
|
| 400 |
-
|
| 401 |
-
|
| 402 |
-
|
| 403 |
-
|
| 404 |
-
|
| 405 |
-
|
| 406 |
-
|
| 407 |
-
|
| 408 |
-
|
| 409 |
-
|
| 410 |
-
|
| 411 |
-
|
| 412 |
-
|
| 413 |
-
|
| 414 |
-
|
| 415 |
-
|
| 416 |
-
|
| 417 |
-
|
| 418 |
-
|
| 419 |
-
|
| 420 |
-
|
| 421 |
-
|
| 422 |
-
|
| 423 |
-
|
| 424 |
-
|
| 425 |
-
# Registra las traducciones disponibles para depuraci贸n
|
| 426 |
-
logger.info(f"Claves de traducci贸n disponibles: {list(t.keys())}")
|
| 427 |
-
|
| 428 |
-
# Configuraci贸n de idiomas disponibles
|
| 429 |
-
languages = {'Espa帽ol': 'es', 'Portugu锚s': 'pt', 'Fran莽ais': 'fr', 'English': 'en'}
|
| 430 |
-
|
| 431 |
-
# Estilos CSS personalizados
|
| 432 |
-
st.markdown("""
|
| 433 |
-
<style>
|
| 434 |
-
.stSelectbox > div > div {
|
| 435 |
-
padding-top: 0px;
|
| 436 |
-
}
|
| 437 |
-
.stButton > button {
|
| 438 |
-
padding-top: 2px;
|
| 439 |
-
margin-top: 0px;
|
| 440 |
-
}
|
| 441 |
-
div[data-testid="stHorizontalBlock"] > div:nth-child(3) {
|
| 442 |
-
display: flex;
|
| 443 |
-
justify-content: flex-end;
|
| 444 |
-
align-items: center;
|
| 445 |
-
}
|
| 446 |
-
</style>
|
| 447 |
-
""", unsafe_allow_html=True)
|
| 448 |
-
|
| 449 |
-
# Barra superior con informaci贸n del usuario y controles
|
| 450 |
-
with st.container():
|
| 451 |
-
col1, col2, col3 = st.columns([2, 2, 1])
|
| 452 |
-
with col1:
|
| 453 |
-
st.markdown(f"<h3 style='margin-bottom: 0; padding-top: 10px;'>{t.get('welcome', 'Bienvenido')}, {st.session_state.username}</h3>",
|
| 454 |
-
unsafe_allow_html=True)
|
| 455 |
-
with col2:
|
| 456 |
-
selected_lang = st.selectbox(
|
| 457 |
-
t.get('select_language', 'Seleccionar idioma'),
|
| 458 |
-
list(languages.keys()),
|
| 459 |
-
index=list(languages.values()).index(st.session_state.lang_code),
|
| 460 |
-
key=f"language_selector_{st.session_state.username}_{st.session_state.lang_code}"
|
| 461 |
-
)
|
| 462 |
-
new_lang_code = languages[selected_lang]
|
| 463 |
-
if st.session_state.lang_code != new_lang_code:
|
| 464 |
-
st.session_state.lang_code = new_lang_code
|
| 465 |
-
logger.info(f"Cambiando idioma de {st.session_state.lang_code} a {new_lang_code}")
|
| 466 |
-
st.rerun()
|
| 467 |
-
with col3:
|
| 468 |
-
if st.button(t.get('logout', 'Cerrar sesi贸n'),
|
| 469 |
-
key=f"logout_button_{st.session_state.username}_{st.session_state.lang_code}"):
|
| 470 |
-
st.session_state.clear()
|
| 471 |
-
st.rerun()
|
| 472 |
-
|
| 473 |
-
st.markdown("---")
|
| 474 |
-
|
| 475 |
-
# Asegurarse de que tenemos las traducciones del chatbot
|
| 476 |
-
chatbot_t = t.get('CHATBOT_TRANSLATIONS', {})
|
| 477 |
-
|
| 478 |
-
# Mostrar chatbot en sidebar
|
| 479 |
-
display_sidebar_chat(lang_code, chatbot_t)
|
| 480 |
-
|
| 481 |
-
# Inicializar estados para todos los tabs
|
| 482 |
-
if 'tab_states' not in st.session_state:
|
| 483 |
-
st.session_state.tab_states = {
|
| 484 |
-
'current_situation_active': False,
|
| 485 |
-
'morpho_active': False,
|
| 486 |
-
'semantic_live_active': False,
|
| 487 |
-
'semantic_active': False,
|
| 488 |
-
'discourse_live_active': False,
|
| 489 |
-
'discourse_active': False,
|
| 490 |
-
'activities_active': False,
|
| 491 |
-
'feedback_active': False
|
| 492 |
-
}
|
| 493 |
-
|
| 494 |
-
# Sistema de tabs
|
| 495 |
-
tab_names = [
|
| 496 |
-
t.get('TABS', {}).get('current_situation_tab', "Mi Situaci贸n Actual"),
|
| 497 |
-
t.get('TABS', {}).get('morpho_tab', 'An谩lisis Morfosint谩ctico'),
|
| 498 |
-
t.get('TABS', {}).get('semantic_live_tab', 'An谩lisis Sem谩ntico Vivo'),
|
| 499 |
-
t.get('TABS', {}).get('semantic_tab', 'An谩lisis Sem谩ntico'),
|
| 500 |
-
t.get('TABS', {}).get('discourse_live_tab', 'An谩lisis de Discurso Vivo'),
|
| 501 |
-
t.get('TABS', {}).get('discourse_tab', 'An谩lsis de Discurso'),
|
| 502 |
-
t.get('TABS', {}).get('activities_tab', 'Mis Actividades'),
|
| 503 |
-
t.get('TABS', {}).get('feedback_tab', 'Formulario de Comentarios')
|
| 504 |
-
]
|
| 505 |
-
|
| 506 |
-
# Log para depuraci贸n de traducciones de tabs
|
| 507 |
-
logger.info(f"Tab names for {lang_code}: {tab_names}")
|
| 508 |
-
|
| 509 |
-
# Crear tabs
|
| 510 |
-
tabs = st.tabs(tab_names)
|
| 511 |
-
|
| 512 |
-
# Manejar el contenido de cada tab
|
| 513 |
-
for index, tab in enumerate(tabs):
|
| 514 |
-
with tab:
|
| 515 |
-
try:
|
| 516 |
-
# Actualizar el tab seleccionado solo si no hay un an谩lisis activo
|
| 517 |
-
if tab.selected and st.session_state.selected_tab != index:
|
| 518 |
-
can_switch = True
|
| 519 |
-
for state_key in st.session_state.tab_states.keys():
|
| 520 |
-
if st.session_state.tab_states[state_key] and index != get_tab_index(state_key):
|
| 521 |
-
can_switch = False
|
| 522 |
-
break
|
| 523 |
-
if can_switch:
|
| 524 |
-
st.session_state.selected_tab = index
|
| 525 |
-
|
| 526 |
-
if index == 0: # Situaci贸n actual
|
| 527 |
-
st.session_state.tab_states['current_situation_active'] = True
|
| 528 |
-
display_current_situation_interface(
|
| 529 |
-
lang_code=st.session_state.lang_code,
|
| 530 |
-
nlp_models=st.session_state.nlp_models,
|
| 531 |
-
current_situation_t=t.get('CURRENT_SITUATION', {})
|
| 532 |
-
)
|
| 533 |
-
|
| 534 |
-
elif index == 1: # Morfosint谩ctico
|
| 535 |
-
st.session_state.tab_states['morpho_active'] = True
|
| 536 |
-
display_morphosyntax_interface(
|
| 537 |
-
lang_code=st.session_state.lang_code,
|
| 538 |
-
nlp_models=st.session_state.nlp_models,
|
| 539 |
-
morpho_t=t.get('MORPHOSYNTACTIC', {})
|
| 540 |
-
)
|
| 541 |
-
|
| 542 |
-
elif index == 2: # Sem谩ntico Vivo
|
| 543 |
-
st.session_state.tab_states['semantic_live_active'] = True
|
| 544 |
-
display_semantic_live_interface(
|
| 545 |
-
lang_code=st.session_state.lang_code,
|
| 546 |
-
nlp_models=st.session_state.nlp_models,
|
| 547 |
-
semantic_t=t.get('SEMANTIC', {})
|
| 548 |
-
)
|
| 549 |
-
|
| 550 |
-
elif index == 3: # Sem谩ntico
|
| 551 |
-
st.session_state.tab_states['semantic_active'] = True
|
| 552 |
-
display_semantic_interface(
|
| 553 |
-
lang_code=st.session_state.lang_code,
|
| 554 |
-
nlp_models=st.session_state.nlp_models,
|
| 555 |
-
semantic_t=t.get('SEMANTIC', {})
|
| 556 |
-
)
|
| 557 |
-
|
| 558 |
-
elif index == 4: # Discurso Vivo
|
| 559 |
-
st.session_state.tab_states['discourse_live_active'] = True
|
| 560 |
-
display_discourse_live_interface(
|
| 561 |
-
lang_code=st.session_state.lang_code,
|
| 562 |
-
nlp_models=st.session_state.nlp_models,
|
| 563 |
-
discourse_t=t.get('DISCOURSE', {})
|
| 564 |
-
)
|
| 565 |
-
|
| 566 |
-
elif index == 5: # Discurso
|
| 567 |
-
st.session_state.tab_states['discourse_active'] = True
|
| 568 |
-
display_discourse_interface(
|
| 569 |
-
lang_code=st.session_state.lang_code,
|
| 570 |
-
nlp_models=st.session_state.nlp_models,
|
| 571 |
-
discourse_t=t.get('DISCOURSE', {})
|
| 572 |
-
)
|
| 573 |
-
|
| 574 |
-
elif index == 6: # Actividades
|
| 575 |
-
st.session_state.tab_states['activities_active'] = True
|
| 576 |
-
display_student_activities(
|
| 577 |
-
username=st.session_state.username,
|
| 578 |
-
lang_code=st.session_state.lang_code,
|
| 579 |
-
t=t.get('ACTIVITIES', {})
|
| 580 |
-
)
|
| 581 |
-
|
| 582 |
-
elif index == 7: # Feedback
|
| 583 |
-
st.session_state.tab_states['feedback_active'] = True
|
| 584 |
-
display_feedback_form(
|
| 585 |
-
lang_code=st.session_state.lang_code,
|
| 586 |
-
t=t.get('FEEDBACK', {})
|
| 587 |
-
)
|
| 588 |
|
| 589 |
-
|
| 590 |
-
|
| 591 |
-
|
| 592 |
-
|
| 593 |
-
st.session_state.
|
| 594 |
-
|
| 595 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 596 |
|
|
|
|
|
|
|
|
|
|
| 597 |
# Panel de depuraci贸n (solo visible en desarrollo)
|
| 598 |
if st.session_state.get('debug_mode', False):
|
| 599 |
with st.expander("Debug Info"):
|
|
|
|
| 368 |
####################################
|
| 369 |
####################################
|
| 370 |
|
| 371 |
+
# Manejar el contenido de cada tab
|
| 372 |
+
for index, tab in enumerate(tabs):
|
| 373 |
+
with tab:
|
| 374 |
+
try:
|
| 375 |
+
# Actualizar el tab seleccionado solo si no hay un an谩lisis activo
|
| 376 |
+
if tab.selected and st.session_state.selected_tab != index:
|
| 377 |
+
can_switch = True
|
| 378 |
+
for state_key in st.session_state.tab_states.keys():
|
| 379 |
+
if st.session_state.tab_states[state_key] and index != get_tab_index(state_key):
|
| 380 |
+
can_switch = False
|
| 381 |
+
break
|
| 382 |
+
if can_switch:
|
| 383 |
+
st.session_state.selected_tab = index
|
| 384 |
+
|
| 385 |
+
if index == 0: # Situaci贸n actual
|
| 386 |
+
st.session_state.tab_states['current_situation_active'] = True
|
| 387 |
+
display_current_situation_interface(
|
| 388 |
+
st.session_state.lang_code,
|
| 389 |
+
st.session_state.nlp_models,
|
| 390 |
+
t # Pasamos todo el diccionario de traducciones
|
| 391 |
+
)
|
| 392 |
+
|
| 393 |
+
elif index == 1: # Morfosint谩ctico
|
| 394 |
+
st.session_state.tab_states['morpho_active'] = True
|
| 395 |
+
display_morphosyntax_interface(
|
| 396 |
+
st.session_state.lang_code,
|
| 397 |
+
st.session_state.nlp_models,
|
| 398 |
+
t # Pasamos todo el diccionario de traducciones
|
| 399 |
+
)
|
| 400 |
+
|
| 401 |
+
elif index == 2: # Sem谩ntico Vivo
|
| 402 |
+
st.session_state.tab_states['semantic_live_active'] = True
|
| 403 |
+
display_semantic_live_interface(
|
| 404 |
+
st.session_state.lang_code,
|
| 405 |
+
st.session_state.nlp_models,
|
| 406 |
+
t # Pasamos todo el diccionario de traducciones
|
| 407 |
+
)
|
| 408 |
+
|
| 409 |
+
elif index == 3: # Sem谩ntico
|
| 410 |
+
st.session_state.tab_states['semantic_active'] = True
|
| 411 |
+
display_semantic_interface(
|
| 412 |
+
st.session_state.lang_code,
|
| 413 |
+
st.session_state.nlp_models,
|
| 414 |
+
t # Pasamos todo el diccionario de traducciones
|
| 415 |
+
)
|
| 416 |
+
|
| 417 |
+
elif index == 4: # Discurso Vivo
|
| 418 |
+
st.session_state.tab_states['discourse_live_active'] = True
|
| 419 |
+
display_discourse_live_interface(
|
| 420 |
+
st.session_state.lang_code,
|
| 421 |
+
st.session_state.nlp_models,
|
| 422 |
+
t # Pasamos todo el diccionario de traducciones
|
| 423 |
+
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 424 |
|
| 425 |
+
elif index == 5: # Discurso
|
| 426 |
+
st.session_state.tab_states['discourse_active'] = True
|
| 427 |
+
display_discourse_interface(
|
| 428 |
+
st.session_state.lang_code,
|
| 429 |
+
st.session_state.nlp_models,
|
| 430 |
+
t # Pasamos todo el diccionario de traducciones
|
| 431 |
+
)
|
| 432 |
+
|
| 433 |
+
elif index == 6: # Actividades
|
| 434 |
+
st.session_state.tab_states['activities_active'] = True
|
| 435 |
+
display_student_activities(
|
| 436 |
+
username=st.session_state.username,
|
| 437 |
+
lang_code=st.session_state.lang_code,
|
| 438 |
+
t=t # Pasamos todo el diccionario de traducciones
|
| 439 |
+
)
|
| 440 |
+
|
| 441 |
+
elif index == 7: # Feedback
|
| 442 |
+
st.session_state.tab_states['feedback_active'] = True
|
| 443 |
+
display_feedback_form(
|
| 444 |
+
st.session_state.lang_code,
|
| 445 |
+
t # Ya estaba recibiendo el diccionario completo
|
| 446 |
+
)
|
| 447 |
+
|
| 448 |
+
except Exception as e:
|
| 449 |
+
# Desactivar el estado en caso de error
|
| 450 |
+
state_key = get_state_key_for_index(index)
|
| 451 |
+
if state_key:
|
| 452 |
+
st.session_state.tab_states[state_key] = False
|
| 453 |
+
logger.error(f"Error en tab {index}: {str(e)}")
|
| 454 |
+
st.error(t.get('tab_error', 'Error al cargar esta secci贸n'))
|
| 455 |
|
| 456 |
+
|
| 457 |
+
#########################################################################################
|
| 458 |
+
#########################################################################################
|
| 459 |
# Panel de depuraci贸n (solo visible en desarrollo)
|
| 460 |
if st.session_state.get('debug_mode', False):
|
| 461 |
with st.expander("Debug Info"):
|