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

    If "value" labeled text is found, then its content is replaced by value.

    15

    ||

    16

    17

    shortdesc > Moves "needle" along "range"

    18

    19

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

    20

    21

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

    22

    23

    // TODO: add printf-like format

    24

    25

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

    26

    27

}

    28

    29

widget_class("Metter"){

    30

    ||

    31

        frequency = 10;

    32

        origin = undefined;

    33

        range = undefined;

    34

    35

        dispatch(value) {

    36

            this.display_val = value;

    37

            this.request_animate();

    38

        }

    39

    40

        animate(){

    41

            if(this.value_elt)

    42

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

    43

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

    44

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

    45

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

    46

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

    47

        }

    48

    49

        init() {

    50

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

    51

                Number(elt.textContent) :

    52

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

    53

    54

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

    55

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

    56

        }

    57

    ||

    58

}

    59

    60

widget_defs("Meter") {

    61

    labels("needle range");

    62

    optional_labels("value min max");

    63

}

    64

    65