Directivas
El generador usa Angularjs en el front end, este framework tiene una utilidad llamada "directivas" la cual permite reutilizar código generando diferentes funcionalidades para la aplicación.
List Records
La función de esta directiva es la de mostrar en una tabla de html básica los registros de una entidad.
Uso
<list-records fields="model.fields" records="records" actions="recordActions"></list-records>
Fields: Campos del modelo, los cuales se usan para crear el encabezado de la tabla.
Records: La lista de registros de la entidad.
Actions: Acciones que se le pueden aplicar a cada registro (Detalle, Editar, Eliminar).
Data table
Es una tabla de html con diferentes funciones que lista los registros de una entidad.
Uso
<datatable fields="model.fields" records="records" actions="recordActions" ></datatable>
Fields: Campos del modelo, los cuales se usan para crear el encabezado de la tabla.
Records: La lista de registros de la entidad.
Actions: Acciones que se le pueden aplicar a cada registro (Detalle, Editar, Eliminar).
Gallery
Esta directiva se usa para mostrar una lista de imágenes en forma de galería.
Uso
Para el correcto funcionamiento de esta directiva, el modelo debe tener un atributo tipo "Imagen" el cual será usado para mostrar en la galería.
<gallery fields="model.fields" records="records" actions="recordActions"></gallery>
Fields: Campos del modelo, los cuales para buscar el campo tipo "Imagen" para mostrar en la galeria.
Records: La lista de registros de la entidad.
Actions: Acciones que se le pueden aplicar a cada registro (Detalle, Editar, Eliminar).
Crud Form
La directa crud form se usa para crear formularios de ingresos de información a partir del modelo.
Uso
<crud-form fields='model.fields' record='currentRecord' lists-of-values="references"></crud-form>
Fields: Descripción de los campos del modelo.
Record: Registro en donde los valores serán guardados.
Lists-of-values: Objetos llave/valor donde llave es el nombre del atributo y valor las lista de estos valores.
Date Picker
Directiva que muestra un calendario para selección de fechas.
Uso
<date-picker value="person.birthdate" model="birthdateModel"></date-picker>
Value: Registro en donde los valores serán guardados.
Model: Modelo en al que pertenece el campo.
Move Lists
Directiva para selección de elementos de una lista a otra.
<move-lists selected="selectedItems" available="availableItems"></move-lists>
Selected: Lista de registros seleccionados.
Available: Lista de registros disponibles para seleccionar.