1

// widget_button.ysl2

     2

     3

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

     4

    ||

     5

    class ButtonWidget extends Widget{

     6

        frequency = 5;

     7

        state = 0;

     8

        active_style = undefined;

     9

        inactive_style = undefined;

    10

    11

         on_mouse_down(evt) {

    12

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

    13

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

    14

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

    15

             }

    16

             this.apply_hmi_value(0, 1);

    17

         }

    18

    19

         on_mouse_up(evt) {

    20

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

    21

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

    22

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

    23

             }

    24

             this.apply_hmi_value(0, 0);

    25

         }

    26

    27

         init() {

    28

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

    29

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

    30

    31

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

    32

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

    33

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

    34

            }

    35

    36

            this.element.setAttribute("onmousedown", "hmi_widgets["+this.element_id+"].on_mouse_down(evt)");

    37

            this.element.setAttribute("onmouseup", "hmi_widgets["+this.element_id+"].on_mouse_up(evt)");

    38

         }

    39

    }

    40

    ||

    41

}

    42

    43

    44

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

    45

    param "hmi_element";

    46

    optional_labels("active inactive");

    47

    |,

    48

}