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

            this.state = this.state ? false : true;

    21

            this.apply_hmi_value(0, this.state);

    22

    23

            //redraw toggle button

    24

            this.request_animate();

    25

        }

    26

    27

        activate(val) {

    28

            let [active, inactive] = val ? ["none",""] : ["", "none"];

    29

            if (this.active_elt)

    30

                this.active_elt.style.display = active;

    31

            if (this.inactive_elt)

    32

                this.inactive_elt.style.display = inactive;

    33

        }

    34

    35

        animate(){

    36

            // redraw toggle button on screen refresh

    37

            this.activate(this.state);

    38

        }

    39

    40

        init() {

    41

            this.activate(false);

    42

            this.element.onclick = (evt) => this.on_click(evt);

    43

        }

    44

    }

    45

    ||

    46

}

    47

    48

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

    49

    param "hmi_element";

    50

    optional_labels("active inactive");

    51

}