HTML Widget

[admin]

At the moment you can use this code. Modify widgetId, address and query selector as needed. Later on we'll add a more convenient way of listening to group address changes for a particular widget.

Code:

const widgetId = 28
const address = '0/0/21'
const values = {}
let widgetEl

function updateWidget() {
  if (widgetEl) {
    widgetEl.querySelector('.value').textContent = values[address]
  }  
}

localbus.listen('object', address, (value) => {
  values[address] = value
  updateWidget()
})

Visu.on('widget-ready', widgetId, ({ widget }) => {
  widgetEl = widget.getEl()
  updateWidget()
})

Visu.on('widget-hide', widgetId, () => widgetEl = null)