Skip to content

JuanMNGA/dialogs-designer-magnolia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

Releases

No releases published

Packages

No packages published