Gadget Custom: ¿cómo crearlo?

Introducción

Actualmente en Plataforma tenemos el concepto de Gadget Template, que es una plantilla creada con JS + CSS + HTML y que se puede instanciar asignando un conjunto de parámetros.

El nuevo concepto de gadget custom es una instanciación específica de un Gadget Template con sus parámetros ya asignados. Por ejemplo, podrías crear un gadget template tipo mapa que como parámetro permite seleccionar el país, y tener un gadget custom instanciado para España y que llamaría Mapa España.

Creación desde el Dashboard de un Gadget Custom

Tienes dos opciones nuevas para arrastrar a tu dashboard, “FROM TEMPLATE“ y “CUSTOM GADGET“

Elemento “FROM TEMPLATE“: con este tipo de gadget, podrás crear gadgets a partir de Gadgets templates o desde cero, seleccionando el tipo de template que quieres usar de base. Estos pueden ser Angular JS y otros.

Aparecen los Gadgets Template de este tipo a los que tienes acceso: Puedes, como se indica en la imagen, crear tu gadget con una plantilla vacía del tipo seleccionado o con una ya creada. El código de la plantilla se copiará en el dashboard en este momento y se te permitirá modificarlo, aunque no tomará cambios posteriores en el Gadget Template utilizado, al estar desacoplado de este.

 

Elemento “CUSTOM GADGET“: con esta opción crearás tu Gadget Custom.

Selecciona la plantilla, que será uno de los Gadgets Templates a los que tengas acceso. Luego puedes seleccionar un gadget custom y pulsar ADD GADGET, usando así una instancia creada previamente; o puedes pulsar sobre NEW GADGET para crear una instancia nueva donde seleccionarás el datasource y los parámetros que requiere el Gadget Template. Estos gadgets custom están relacionados al gadget template por lo que si se cambia algo en éste, se cambiará en todas sus instancias, reflejándose estos cambios en todos los dashboards que los utilicen.

 

Se ha modificado la pantalla de listado de gadgets para diferenciar perfectamente los Templates de los gadgets y gadgets custom.

Además se han creado pantallas especificas para mostrar editar y crear gadgets custom como esta desde el Control Panel, donde podrás modificar los parámetros y el datasource y tener una vista previa de tu gadget custom: