1

// widget_animate.ysl2

     2

     3

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

     4

    ||

     5

    class AnimateWidget extends Widget{

     6

        frequency = 5;

     7

        speed = 0;

     8

        start = false;

     9

        widget_center = undefined;

    10

    11

        dispatch(value) {

    12

            this.speed = value / 5;

    13

    14

            //reconfigure animation

    15

            this.request_animate();

    16

        }

    17

    18

        animate(){

    19

           // change animation properties

    20

           for(let child of this.element.children){

    21

                if(child.nodeName.startsWith("animate")){

    22

                    if(this.speed != 0 && !this.start){

    23

                        this.start = true;

    24

                        this.element.beginElement();

    25

                    }

    26

    27

                    if(this.speed > 0){

    28

                        child.setAttribute("dur", this.speed+"s");

    29

                    }

    30

                    else if(this.speed < 0){

    31

                        child.setAttribute("dur", (-1)*this.speed+"s");

    32

                    }

    33

                    else{

    34

                        this.start = false;

    35

                        this.element.endElement();

    36

                    }

    37

                }

    38

           }

    39

        }

    40

    41

        init() {

    42

            let widget_pos = this.element.getBBox();

    43

            this.widget_center = [(widget_pos.x+widget_pos.width/2), (widget_pos.y+widget_pos.height/2)];

    44

        }

    45

    }

    46

    ||

    47

}

    48

    49

    50

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

    51

    param "hmi_element";

    52

    |,

    53

}