Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Current »

ES | EN

Para los gadgets templates se ha implementado una mejora que nos permite añadir opciones.

A estas entradas en el header o en el menú se les podrá asignar una descripción, un código y un icono personalizados.

Podemos crearlas desde el propio menú del gadget o desde el dashboard API en el mensaje para crear el gadget.

Desde el menú del gadget estos serían los pasos. Los veremos con un ejemplo sencillo:

Seleccionamos esta entrada en el menú del gadget

Nos aparece esta ventana modal, en la cual aparecen las opciones configuradas y un formulario para añadir nuevas o editar las existente.

Añadiremos una nueva entrada,

Hay dos opciones crear la entrada en el menú que aparece al pulsar en el icono de los tres puntos o en el Header que lo situará en el header del gadget.

Creamos una entrada con cada posición para ver la diferencia, hay que tener en cuenta que si no asignamos un image path el icono que mostraremos será el por defecto

Así se vería el icono del header


Y aquí podemos ver la entrada nueva del menú

Estas opciones al pulsarse envían a la función el código asignado


vm.receiveValue = function(data){ };


Podemos evaluar la variable data para ver qué acción hay que realizar de las que hayamos implementado, por ejemplo, si clicamos la opción del header y hacemos una traza vemos que a la función nos llega su código:


En el caso de querer crearlas opciones del menú desde el DashboardAPI al crear un gadget Template enviaríamos en el mensaje la propiedad "customMenuOptions"

`{
"command": "newGadget",
"authorization": "${token}",
"information": {
"dashboard": "identificationDashboard",
"gadgetName": "${newName}",
"gadgetType": "${type}",
"refresh": 10,
"ontology": "HelsinkiPopulation",
"setupLayout": {
"filtersInModal": false,
"hideBadges": true,
"hidebuttonclear":false
},
"customMenuOptions": [{
"id": "customMenu",
"description": "customMenuD",
"position": "menu",
"imagePath": "../../static/images/dashboards/icon_button_controls.svg"
},{
"id": "customMenu2",
"description": "customMenuH",
"position": "header",
"imagePath": "../../static/images/dashboards/icon_button_menu.svg"}]
}
}`



  • No labels