svghmi/widget_tooglebutton.ysl2
author Edouard Tisserant
Thu, 20 Aug 2020 13:56:21 +0200
branchsvghmi
changeset 3031 440d74319a74
parent 3024 0a9f6f29b7dd
child 3056 827bf284feec
permissions -rw-r--r--
SVGHMI: Refactor the way JsonTable generate javascript code to access json data. Now support multiple assignments, used in the case of text to change both content and style on the same element.
// 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");
    |,
}