// widget_tooglebutton.ysl2

template "widget[@type='ToggleButton']", mode="widget_class"

||

class ToggleButtonWidget extends Widget{

frequency = 5;

state = 0;

active_style = undefined;

inactive_style = undefined;

dispatch(value) {

this.state = value;

if (this.state) {

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

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

this.state = 0;

} else {

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

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

this.state = 1;

}

}

on_click(evt) {

this.apply_hmi_value(0, this.state);

}

init() {

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

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

this.element.setAttribute("onclick", "hmi_widgets['"+this.element_id+"'].on_click(evt)");

}

}

||

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

param "hmi_element";

labels("active inactive");

|,

}