Mejora de usabilidad en contenido temático #134

Merged
Guillermo.Arrieta merged 1 commits from issue/133-mejora-de-usabilidad-en-contenido-temtico into main 2026-02-24 20:33:43 +00:00

Esta era la funcionalidad de edición anterior:
• añadir unidades: con un botón de nueva unidad hasta arriba a la derecha. Añade la nueva unidad hasta abajo sin hacer scroll y en modo de edicion del título de la unidad con el texto 'Nueva Unidad'. además, si le das enter antes de hacer nada más, te guarda el titulo de la unidad y añade otra unidad más abajo, y así indefinidamente. Si haces clic o presionas otra tecla antes que el enter, se pierde esa funcionalidad de añadir más unidades con enter.
• añadir temas: un texto azul que dice '+ Añadir subtema' al final de una unidad desplegada. Añade un tema con el texto 'Nuevo tema' y lo pone en modo de edicion.
• editar el titulo de una unidad: le das clic al título de la unidad y te la hace editable. Tienes que picarle otra vez al titulo para ganar focus sobre ese input y poder editarlo. Solo se puede guardar el contenido o salir de la edicion si estás en focus y le das enter (se fuerza el update).
• editar el título de un tema y/o el numero de horas de un tema: hacerle clic en casi cualquier parte del renglón del tema. Convierte tanto al nombre del tema como al número de horas como estimadas. Tienes que picarle a una u otra para tener focus y editarlas. Solo puedes guardar la edición o salirte del modo de edición picando el botón de 'Listo' (se fuerza el update).
• borrar un tema: click al bote de basura en la parte derecha del renglón del tema. sale un diálogo de confirmar o cancelar eliminación
borrar una unidad: click al bote de basura en la parte derecha de la cabecera de la unidad. sale un diálogo de confirmar o cancelar eliminación

La nueva funcionalidad es la descrita en el commit f28804bb5b.

Únicamente queda pendiente la funcionalidad de drag and drop de unidades.

Esta era la funcionalidad de edición anterior: • añadir unidades: con un botón de nueva unidad hasta arriba a la derecha. Añade la nueva unidad hasta abajo sin hacer scroll y en modo de edicion del título de la unidad con el texto 'Nueva Unidad'. además, si le das enter antes de hacer nada más, te guarda el titulo de la unidad y añade otra unidad más abajo, y así indefinidamente. Si haces clic o presionas otra tecla antes que el enter, se pierde esa funcionalidad de añadir más unidades con enter. • añadir temas: un texto azul que dice '+ Añadir subtema' al final de una unidad desplegada. Añade un tema con el texto 'Nuevo tema' y lo pone en modo de edicion. • editar el titulo de una unidad: le das clic al título de la unidad y te la hace editable. Tienes que picarle otra vez al titulo para ganar focus sobre ese input y poder editarlo. Solo se puede guardar el contenido o salir de la edicion si estás en focus y le das enter (se fuerza el update). • editar el título de un tema y/o el numero de horas de un tema: hacerle clic en casi cualquier parte del renglón del tema. Convierte tanto al nombre del tema como al número de horas como estimadas. Tienes que picarle a una u otra para tener focus y editarlas. Solo puedes guardar la edición o salirte del modo de edición picando el botón de 'Listo' (se fuerza el update). • borrar un tema: click al bote de basura en la parte derecha del renglón del tema. sale un diálogo de confirmar o cancelar eliminación borrar una unidad: click al bote de basura en la parte derecha de la cabecera de la unidad. sale un diálogo de confirmar o cancelar eliminación La nueva funcionalidad es la descrita en el commit f28804bb5b7a84b0e89926be74534a8365467524. Únicamente queda pendiente la funcionalidad de drag and drop de unidades.
Guillermo.Arrieta added 1 commit 2026-02-24 20:32:32 +00:00
- Mueve el botón "+ Nueva unidad" al final de la lista y lo centra.
- Al crear una unidad: hace scrollIntoView, la unidad queda expandida, el título entra en modo edición y recibe focus.
- Al crear un subtema: nombre y horas quedan editables y el input del nombre recibe focus.
- Click en título de unidad o en un subtema inicia la edición y pone focus en el campo correspondiente.
- Elimina el botón "Listo": los cambios se guardan al pulsar Enter o perder el foco (onBlur).
- Presionar Esc cancela la edición y restaura el valor anterior.
- Evita el bug donde pulsar Enter tras crear una unidad añadía unidades extra (se desenfoca el botón y se dirige el foco al input correspondiente).
- Persistencia inmediata: las modificaciones se guardan vía useUpdateSubjectContenido en los puntos de commit.
- Conserva el estado de unidades expandidas tras las actualizaciones para evitar colapsos inesperados.
Guillermo.Arrieta merged commit f28804bb5b into main 2026-02-24 20:33:43 +00:00
Guillermo.Arrieta deleted branch issue/133-mejora-de-usabilidad-en-contenido-temtico 2026-02-24 20:33:43 +00:00
Sign in to join this conversation.