Javascript code for meteo icon on visu

[gdimaria]

hi, I used the following JS to display a forecast icon on old scada-vis:

Code:

// wheater icon change
$(function(){
  if (typeof grp != 'undefined') {
    grp.listen('34/1/1', function(object, state) {
      var ICO = grp.getvalue('34/1/1');
;
      $('.icona').find('img').attr('src', 'http://openweathermap.org/img/w/'+ICO+'.png')
    }, true);
  }
});

Is it possible to get the same on Visu?

Peppe

[admin]

It will be possible in the next version.

Create a text input widget, set display mode to Icon and enable read-only mode.
Add to Custom JS, change 123 to the relevant widget ID (ID is shown in the modal window title when editing a widget).

Code:

const widgetId = 123

Visu.on('widget-show', widgetId, ({ widget }) => {
  widget.getIcon = function() {
    const value = this.values.default
    return `https://openweathermap.org/img/wn/${value}@2x.png`    
  }
})