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_animaterotation.ysl2
template "widget[@type='AnimateRotation']", mode="widget_class"{
||
class AnimateRotationWidget extends Widget{
frequency = 5;
speed = 0;
widget_center = undefined;
dispatch(value) {
this.speed = value / 5;
//reconfigure animation
this.request_animate();
}
animate(){
// change animation properties
for(let child of this.element.children){
if(child.nodeName == "animateTransform"){
if(this.speed > 0){
child.setAttribute("dur", this.speed+"s");
child.setAttribute("from", "0 "+this.widget_center[0]+" "+this.widget_center[1]);
child.setAttribute("to", "360 "+this.widget_center[0]+" "+this.widget_center[1]);
}
else if(this.speed < 0){
child.setAttribute("dur", (-1)*this.speed+"s");
child.setAttribute("from", "360 "+this.widget_center[0]+" "+this.widget_center[1]);
child.setAttribute("to", "0 "+this.widget_center[0]+" "+this.widget_center[1]);
}
else{
child.setAttribute("from", "0 "+this.widget_center[0]+" "+this.widget_center[1]);
child.setAttribute("to", "0 "+this.widget_center[0]+" "+this.widget_center[1]);
}
}
}
}
init() {
let widget_pos = this.element.getBBox();
this.widget_center = [(widget_pos.x+widget_pos.width/2), (widget_pos.y+widget_pos.height/2)];
}
}
||
}
template "widget[@type='AnimateRotation']", mode="widget_defs" {
param "hmi_element";
|,
}