1

// widget_tooglebutton.ysl2

     2

     3

     5

    ||

     6

        frequency = 5;

     7

        state = 0;

     8

        active_style = undefined;

     9

        inactive_style = undefined;

    10

    11

        dispatch(value) {

    12

            this.state = value;

    13

            //redraw toggle button

    14

            this.request_animate();

    15

        }

    16

    17

        on_click(evt) {

    18

            //toggle state and apply

    19

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

    20

            this.apply_hmi_value(0, this.state);

    21

    22

            //redraw toggle button

    23

            this.request_animate();

    24

        }

    25

    26

        activate(val) {

    27

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

    28

            if (this.active_elt)

    29

                this.active_elt.style.display = active;

    30

            if (this.inactive_elt)

    31

                this.inactive_elt.style.display = inactive;

    32

        }

    33

    34

        animate(){

    35

            // redraw toggle button on screen refresh

    36

            this.activate(this.state);

    37

        }

    38

    39

        init() {

    40

            this.activate(false);

    41

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

    42

        }

    43

    ||

    44

}

    45

    47

    param "hmi_element";

    48

    optional_labels("active inactive");

    49

}