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

            //redraw toggle button

    15

            this.request_animate();

    16

        }

    17

    18

        on_click(evt) {

    19

            //toggle state and apply

    20

            if (this.state) {

    21

                this.state = 0;

    22

            } else {

    23

                this.state = 1;

    24

            }

    25

            this.apply_hmi_value(0, this.state);

    26

    27

            //redraw toggle button

    28

            this.request_animate();

    29

        }

    30

    31

        animate(){

    32

           // redraw toggle button on screen refresh

    33

           if (this.state) {

    34

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

    35

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

    36

           } else {

    37

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

    38

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

    39

           }

    40

        }

    41

    42

        init() {

    43

            this.active_style = this.active_elt ? this.active_elt.style.cssText : undefined;

    44

            this.inactive_style = this.inactive_elt ? this.inactive_elt.style.cssText : undefined;

    45

    46

            if (this.active_style && this.inactive_style) {

    47

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

    48

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

    49

            }

    50

    51

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

    52

        }

    53

    }

    54

    ||

    55

}

    56

    57

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

    58

    param "hmi_element";

    59

    optional_labels("active inactive");

    60

    |,

    61

}