[main] Mejoras a la vista de edición de caso | Layout - Githubissues

EthicApp-Development / casevault-main

CaseVault is a content repository for case-based learning

MIT License

1 stars 2 forks source link

[main] Mejoras a la vista de edición de caso | Layout #41

Closed claudio-alvarez closed 1 week ago

claudio-alvarez commented 2 months ago

Considerar layout de dos columnas para la vista de creación/edición de caso:

Columna izquierda para contenido (título y CKEditor, ambos del mismo ancho), y columna derecha para imagen. Tomar como referencia esta vista de GitHub para distribución de espacio:

Screenshot 2024-05-24 at 10 39 19

Aumentar alto de CKEditor para permitir 15-20 renglones de escritura.

claudio-alvarez commented 1 month ago

Para ajustar la altura del CKEditor, dejo las siguientes recomendaciones de GPT, usando CSS:

https://chatgpt.com/share/93898e0b-b8ab-4543-b43d-dc2f2c1e2be8

claudio-alvarez commented 1 month ago

Todo esto ha quedado bien revisado. Sólo quedaría solucionar el despliegue del botón guardar en el editor.

claudio-alvarez commented 1 month ago

Está muy bien todo, excelente que el guardado sea automático. Dado esto, eliminemos el botón "GUARDAR", ya que no se requiere más.

claudio-alvarez commented 1 month ago

Ya está implementado esto último, así que cerramos issue.

claudio-alvarez commented 1 month ago

Dado que hemos eliminado el botón GUARDAR de la vista, es bueno dar feedback al usuario indicando que el caso ha sido guardado. Para esto, podemos poner debajo del editor, un mensaje que diga "Caso guardado" cuando hace cambios. Lo mejor sería que este mensaje desaparezca después de unos 5000 milisegundos.

Además, podemos considerar que el texto del caso se "autoguarde", también con timer cada 5000 milisegundos. Así se evita que el usuario pierda su trabajo si el navegador o la pestaña se cierran por accidente.