1 // widget_tooglebutton.ysl2

     2 

     3 template "widget[@type='ToggleButton']", mode="widget_defs" {

     4     param "hmi_element";

     5     labels("active inactive");

     6     |     frequency: 5,

     7     |     state: 0,

     8     |     dispatch: function(value) {

     9     |         this.state = value;

    10     |         if (this.state) {

    11     |             this.active_elt.setAttribute("style", this.active_style);

    12     |             this.inactive_elt.setAttribute("style", "display:none");

    13     |             this.state = 0;

    14     |         } else {

    15     |             this.inactive_elt.setAttribute("style", this.inactive_style);

    16     |             this.active_elt.setAttribute("style", "display:none");

    17     |             this.state = 1;

    18     |         }

    19     |     },

    20     |     on_click: function(evt) {

    21     |         change_hmi_value(this.indexes[0], "="+this.state);

    22     |     },

    23     |     active_style: undefined,

    24     |     inactive_style: undefined,

    25     |     init: function() {

    26     |         this.active_style = this.active_elt.style.cssText;

    27     |         this.inactive_style = this.inactive_elt.style.cssText;

    28     |         this.element.setAttribute("onclick", "hmi_widgets['«$hmi_element/@id»'].on_click(evt)");

    29     |     },

    30 }