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

        plc_lock = false;

     9

        active_style = undefined;

    10

        inactive_style = undefined;

    11

    12

        dispatch(value) {

    13

            if(value){

    14

                this.button_release();

    15

            }

    16

        }

    17

    18

         on_mouse_down(evt) {

    19

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

    20

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

    21

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

    22

             }

    23

             this.apply_hmi_value(0, 1);

    24

             this.plc_lock = false;

    25

         }

    26

    27

         on_mouse_up(evt) {

    28

             this.button_release();

    29

         }

    30

    31

         button_release(){

    32

            if(!this.plc_lock){

    33

                this.plc_lock = true;

    34

            }

    35

            else{

    36

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

    37

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

    38

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

    39

                 }

    40

                 this.apply_hmi_value(0, 0);

    41

            }

    42

         }

    43

    44

         init() {

    45

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

    46

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

    47

    48

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

    49

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

    50

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

    51

            }

    52

    53

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

    54

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

    55

         }

    56

    }

    57

    ||

    58

}

    59

    60

    61

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

    62

    param "hmi_element";

    63

    optional_labels("active inactive");

    64

    |,

    65

}