1

// widget_meter.ysl2

     2

     3

widget_desc("Meter") {

     4

    longdesc

     5

    ||

     6

    Meter widget moves the end of "needle" labeled path along "range" labeled

     7

    path, according to value of the single accepted variable.

     8

     9

    Needle is reduced to a single segment. If "min" a "max" labeled texts

    10

    are provided, or if first and second argument are given, then they are used

    11

    as respective minimum and maximum value. Otherwise, value is expected to be

    12

    in between 0 and 100.

    13

    ||

    14

    15

    shortdesc > Moves "needle" along "range"

    16

    17

    arg name="min" count="optional" accepts="int,real" > minimum value

    18

    19

    arg name="max" count="optional" accepts="int,real" > maximum value

    20

    21

    path name="value" accepts="HMI_INT,HMI_REAL" > Value to display

    22

    23

}

    24

    25

widget_class("Meter"){

    26

    ||

    27

        frequency = 10;

    28

        origin = undefined;

    29

        range = undefined;

    30

    31

        dispatch(value) {

    32

            this.display_val = value;

    33

            this.request_animate();

    34

        }

    35

    36

        animate(){

    37

            if(this.value_elt)

    38

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

    39

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

    40

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

    41

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

    42

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

    43

        }

    44

    45

        init() {

    46

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

    47

                Number(elt.textContent) :

    48

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

    49

    50

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

    51

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

    52

        }

    53

    ||

    54

}

    55

    56

widget_defs("Meter") {

    57

    labels("needle range");

    58

    optional_labels("min max");

    59

}

    60

    61