edouard@2883: // widget_meter.ysl2
Edouard@2792: 
Edouard@2790: 
edouard@2883: template "widget[@type='Meter']", mode="widget_defs" {
edouard@2883:     param "hmi_element";
edouard@2883:     |     frequency: 10,
edouard@2883:     labels("needle range");
edouard@2883:     optional_labels("value min max");
edouard@2883:     |     dispatch: function(value) {
edouard@2883:     |         if(this.value_elt)
edouard@2883:     |             this.value_elt.textContent = String(value);
edouard@2883:     |         let [min,max,totallength] = this.range;
edouard@2883:     |         let length = Math.max(0,Math.min(totallength,(Number(value)-min)*totallength/(max-min)));
edouard@2883:     |         let tip = this.range_elt.getPointAtLength(length);
edouard@2883:     |         this.needle_elt.setAttribute('d', "M "+this.origin.x+","+this.origin.y+" "+tip.x+","+tip.y);
edouard@2883:     |     },
edouard@2883:     |     origin: undefined,
edouard@2883:     |     range: undefined,
edouard@2883:     |     init: function() {
edouard@2883:     |         let min = this.min_elt ?
edouard@2883:     |                     Number(this.min_elt.textContent) :
edouard@2883:     |                     this.args.length >= 1 ? this.args[0] : 0;
edouard@2883:     |         let max = this.max_elt ?
edouard@2883:     |                     Number(this.max_elt.textContent) :
edouard@2883:     |                     this.args.length >= 2 ? this.args[1] : 100;
edouard@2883:     |         this.range = [min, max, this.range_elt.getTotalLength()]
edouard@2883:     |         this.origin = this.needle_elt.getPointAtLength(0);
edouard@2883:     |     },
edouard@2883: }
Edouard@2810: 
Edouard@2810: