beremiz

SVGHMI: In order to allow widget signature and description to coexist in same ysl2 file, introduced widget_class, widget_defs to declare widget codegen templates and gen_index_xhtml to mark templates that are only usefull in gen_index_xhtml.xslt.
svghmi
2021-05-02, Edouard Tisserant
7bdb766c2a4d
SVGHMI: In order to allow widget signature and description to coexist in same ysl2 file, introduced widget_class, widget_defs to declare widget codegen templates and gen_index_xhtml to mark templates that are only usefull in gen_index_xhtml.xslt.
// widget_tooglebutton.ysl2
widget_class("ToggleButton") {
||
frequency = 5;
state = 0;
active_style = undefined;
inactive_style = undefined;
dispatch(value) {
this.state = value;
//redraw toggle button
this.request_animate();
}
on_click(evt) {
//toggle state and apply
this.state = this.state ? false : true;
this.apply_hmi_value(0, this.state);
//redraw toggle button
this.request_animate();
}
activate(val) {
let [active, inactive] = val ? ["none",""] : ["", "none"];
if (this.active_elt)
this.active_elt.style.display = active;
if (this.inactive_elt)
this.inactive_elt.style.display = inactive;
}
animate(){
// redraw toggle button on screen refresh
this.activate(this.state);
}
init() {
this.activate(false);
this.element.onclick = (evt) => this.on_click(evt);
}
||
}
widget_defs("ToggleButton") {
param "hmi_element";
optional_labels("active inactive");
}