1

// widget_meter.ysl2

     2

     3

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

     4

    ||

     5

    class MeterWidget extends Widget{

     6

        frequency = 10;

     7

        origin = undefined;

     8

        range = undefined;

     9

    10

        dispatch(value) {

    11

            this.display_val = value;

    12

            this.request_animate();

    13

        }

    14

    15

        animate(){

    16

            if(this.value_elt)

    17

                this.value_elt.textContent = String(this.display_val);

    18

            let [min,max,totallength] = this.range;

    19

            let length = Math.max(0,Math.min(totallength,(Number(this.display_val)-min)*totallength/(max-min)));

    20

            let tip = this.range_elt.getPointAtLength(length);

    21

            this.needle_elt.setAttribute('d', "M "+this.origin.x+","+this.origin.y+" "+tip.x+","+tip.y);

    22

        }

    23

    24

        init() {

    25

            let [min,max] = [[this.min_elt,0],[this.max_elt,100]].map(([elt,def],i)=>elt?

    26

                Number(elt.textContent) :

    27

                this.args.length >= i+1 ? this.args[i] : def);

    28

    29

            this.range = [min, max, this.range_elt.getTotalLength()]

    30

            this.origin = this.needle_elt.getPointAtLength(0);

    31

        }

    32

    33

    }

    34

    ||

    35

}

    36

    37

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

    38

    param "hmi_element";

    39

    labels("needle range");

    40

    optional_labels("value min max");

    41

}

    42

    43