beremiz

SVGHMI: still quite naive path substitution whn prepearing widget for DnD, but now uses label generation.
svghmi
2021-04-13, Edouard Tisserant
c5be4fd425e7
SVGHMI: still quite naive path substitution whn prepearing widget for DnD, but now uses label generation.

Multiple widget DnD and mutiple variable still make no sense because all path are replaced with same path, but atleast min/max value are preserved...
// widget_meter.ysl2
template "widget[@type='Meter']", mode="widget_class"{
||
class MeterWidget extends Widget{
frequency = 10;
origin = undefined;
range = undefined;
dispatch(value) {
this.display_val = value;
this.request_animate();
}
animate(){
if(this.value_elt)
this.value_elt.textContent = String(this.display_val);
let [min,max,totallength] = this.range;
let length = Math.max(0,Math.min(totallength,(Number(this.display_val)-min)*totallength/(max-min)));
let tip = this.range_elt.getPointAtLength(length);
this.needle_elt.setAttribute('d', "M "+this.origin.x+","+this.origin.y+" "+tip.x+","+tip.y);
}
init() {
let [min,max] = [[this.min_elt,0],[this.max_elt,100]].map(([elt,def],i)=>elt?
Number(elt.textContent) :
this.args.length >= i+1 ? this.args[i] : def);
this.range = [min, max, this.range_elt.getTotalLength()]
this.origin = this.needle_elt.getPointAtLength(0);
}
}
||
}
template "widget[@type='Meter']", mode="widget_defs" {
param "hmi_element";
labels("needle range");
optional_labels("value min max");
}