1

// widget_button.ysl2

     2

     3

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

     4

    ||

     5

    class ButtonWidget extends Widget{

     6

        frequency = 5;

     7

        state_plc = 0;

     8

        state_hmi = 0;

     9

        plc_lock = false;

    10

        active_style = undefined;

    11

        inactive_style = undefined;

    12

    13

        dispatch(value) {

    14

            this.state_plc = value;

    15

            if(this.plc_lock){

    16

                if(this.state_plc == 1){

    17

                    this.apply_hmi_value(0, 0);

    18

                    this.plc_lock = false;

    19

                }

    20

            }

    21

    22

            //redraw button

    23

            this.state_hmi = this.state_plc;

    24

            this.request_animate();

    25

        }

    26

    27

        animate(){

    28

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

    29

               // redraw button on screen refresh

    30

               if (this.state_hmi) {

    31

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

    32

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

    33

               } else {

    34

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

    35

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

    36

               }

    37

           }

    38

        }

    39

    40

        on_click(evt) {

    41

            //set state and apply if plc is 0

    42

            this.plc_lock = true;

    43

            if(this.state_plc == 0){

    44

                this.apply_hmi_value(0, 1);

    45

            }

    46

            //redraw button

    47

            this.request_animate();

    48

        }

    49

    50

        on_press(evt) {

    51

            //set graphic

    52

            this.state_hmi = 1;

    53

            //redraw button

    54

            this.request_animate();

    55

        }

    56

    57

         init() {

    58

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

    59

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

    60

    61

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

    62

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

    63

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

    64

            }

    65

    66

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

    67

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

    68

         }

    69

    }

    70

    ||

    71

}

    72

    73

    74

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

    75

    param "hmi_element";

    76

    optional_labels("active inactive");

    77

    |,

    78

}