Skip to content

Latest commit

 

History

History
42 lines (25 loc) · 2.56 KB

README.md

File metadata and controls

42 lines (25 loc) · 2.56 KB

magnolia-logo

DIALOGS DESIGNER

Retos Digitales Magnolia Community 2019 #RDMagnoliaCommunity 🚀

Este repositorio recoge un módulo para la versión 6.0 de Magnolia Community Edition (CE) para participar en el Reto: Encuentra la Próxima Funcionalidad Se trata de una aplicación VAADIN, desarrollada a medida aprovechando las interacciones y el look and feel de la plataforma.

¿Qué hace? 🔧

Proporciona una Content-App para crear y diseñar diálogos en Magnolia. Ofrece un modo Preview para probar el aspecto del diálogo en función del orden y propiedades de los campos. También permite exportar el diálogo en formato Yaml, importable a través de la herramienta de importación de Magnolia.

¿Cómo funciona? 💡

La aplicación se divide en tres regiones:

  • Grid de campos (a la izquierda)

  • Área de diálogo (centro)

  • Tabla de propiedades (a la derecha)

  • El usuario arrastrará (se ha implementado mediante Drag&Drop) cualquier campo del grid al área del diálogo.

  • En el área del diálogo se mostrará una celda con el campo añadido y las propiedades en la tabla de la derecha, dependiendo del tipo de campo.

Las celdas se pueden ordenar con los botones de control que aparecen a la derecha de la celda, así como eliminar aquellos campos que no se deseen. Para cambiar entre tablas de propiedades, sólo será necesario hacer click sobre la celda del campo, éste se sombreará en verde y cambiará la vista de la tabla a sus propiedades.

Arriba del área del diálogo existen dos botones, Exportar yaml y Preview, con el botón de exportación, se nos abrirá la ventana para descargar el yaml generado. Con el botón de Preview se mostrará una previsualización de cómo quedará el diálogo.

Capturas 📷

Content-App

main-view

Modo Preview

preview

Exportación yaml

yaml