Visibility or active/clickable by object status value

[cdebackere]

Is try to active/show and desactivare/hide a command button icon on the basis of the status object value.
Ideally, the element is always visible (adding an On, active icon and an Off, passive/greyed icon), but only can be selected/activated/clicked when value of status object is true

I added JS, but doesn't seem to do the trick

$(function() {
  $('.hidden-by-value').each(function(_, el) {
    var addr = $(el).data('object');
    if (addr) {
      grp.listen(addr, function(obj) {
        var value = obj.value;

        $(el).css('visibility', if value {'visible'} else {'hidden'});
      });
    }
  });
});


Do I overlook something?
is 'object' correct? Or is this the main abject, and not the status object?

Thx

[admin]

You have a syntax error, it should be:

Code:

$(function() {
  $('.hidden-by-value').each(function(_, el) {
    var addr = $(el).data('object');
    if (addr) {
      grp.listen(addr, function(obj) {
        var value = obj.value;
        $(el).css('visibility', value ? 'visible' : 'hidden');
      });
    }
  });
});

[cdebackere]

Thx for that

It's still not working correctly. In the inspector now the 'visibility' tag is indeed there. But the visibility doesn't update when a new value/telegram appears on the sts group object.

I added a console.log(value), and only one value is logged: at page load, not when the status object value changes

[admin]

Listener is attached to the main (control) object. Change 'object' to 'status-object' on line 3 to listen to the status object instead.

[cdebackere]

Listener is attached to the main (control) object. Change 'object' to 'status-object' on line 3 to listen to the status object instead.

that's exacctly what I just noticed: the addr is the main object not the status object.

works like a charm now. 

Thx admin, and have a nice weekend