1

// widget_tooglebutton.ysl2

     2

     3

     4

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

     5

    ||

     6

    class ToggleButtonWidget extends Widget{

     7

        frequency = 5;

     8

        state = 0;

     9

        active_style = undefined;

    10

        inactive_style = undefined;

    11

    12

        dispatch(value) {

    13

            this.state = value;

    14

            if (this.state) {

    15

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

    16

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

    17

                this.state = 0;

    18

            } else {

    19

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

    20

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

    21

                this.state = 1;

    22

            }

    23

        }

    24

    25

        on_click(evt) {

    26

            this.apply_hmi_value(0, this.state);

    27

        }

    28

    29

        init() {

    30

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

    31

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

    32

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

    33

        }

    34

    }

    35

    ||

    36

}

    37

    38

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

    39

    param "hmi_element";

    40

    labels("active inactive");

    41

    |,

    42

}