--- a/svghmi/widget_button.ysl2 Tue Jun 02 13:37:34 2020 +0200
+++ b/svghmi/widget_button.ysl2 Wed Jun 03 13:31:55 2020 +0200
@@ -1,20 +1,33 @@
// widget_button.ysl2
-template "widget[@type='Button']", mode="widget_class"
- ||
- class ButtonWidget extends Widget{
- frequency = 5;
- init() {
- this.element.addEventListener(
- "mousedown",
- evt => {
- change_hmi_value(this.indexes[0], "=1");
- });
- this.element.addEventListener(
- "mouseup",
- evt => {
- change_hmi_value(this.indexes[0], "=0");
- });
- }
- }
- ||
+template "widget[@type='Button']", mode="widget_defs" {
+ param "hmi_element";
+ optional_labels("active inactive");
+ | frequency: 5,
+ | on_mouse_down: function(evt) {
+ | if (this.active_style && this.inactive_style) {
+ | this.active_elt.setAttribute("style", this.active_style);
+ | this.inactive_elt.setAttribute("style", "display:none");
+ | }
+ | change_hmi_value(this.indexes[0], "=1");
+ | },
+ | on_mouse_up: function(evt) {
+ | if (this.active_style && this.inactive_style) {
+ | this.active_elt.setAttribute("style", "display:none");
+ | this.inactive_elt.setAttribute("style", this.inactive_style);
+ | }
+ | change_hmi_value(this.indexes[0], "=0");
+ | },
+ | active_style: undefined,
+ | inactive_style: undefined,
+ | init: function() {
+ | this.active_style = this.active_elt ? this.active_elt.style.cssText : undefined;
+ | this.inactive_style = this.inactive_elt ? this.inactive_elt.style.cssText : undefined;
+ | if (this.active_style && this.inactive_style) {
+ | this.active_elt.setAttribute("style", "display:none");
+ | this.inactive_elt.setAttribute("style", this.inactive_style);
+ | }
+ | this.element.setAttribute("onmousedown", "hmi_widgets['«$hmi_element/@id»'].on_mouse_down(evt)");
+ | this.element.setAttribute("onmouseup", "hmi_widgets['«$hmi_element/@id»'].on_mouse_up(evt)");
+ | },
+}
\ No newline at end of file