change icon based on another object

[admin]

You can duplicate the script and CSS with different classes as needed.

See if this works for the background image not sizing correctly:

Code:

body.off .global-off .icon {
  background-image: url('/scada/resources/icons/control-stop.svg');
  background-size: 100%;
}

For read-only use this:

Code:

body.off .global-off {
  pointer-events: none;
}