beremiz

SVGHMI: rework Switch widget : detach/attach elements instead of hiding with style.display, detach all possible choices at init.

2022-06-14, Edouard Tisserant
7d4a16e59337
Parents fce3d407bb46
Children f86ffe291fea
SVGHMI: rework Switch widget : detach/attach elements instead of hiding with style.display, detach all possible choices at init.
1 files changed, 22 insertions(+), 5 deletions(-)
  • +22 -5
    svghmi/widget_switch.ysl2
    • --- a/svghmi/widget_switch.ysl2 Mon Jun 13 12:03:58 2022 +0200
    +++ b/svghmi/widget_switch.ysl2 Tue Jun 14 11:56:05 2022 +0200
    @@ -23,12 +23,29 @@
    widget_class("Switch")
    ||
    frequency = 5;
    + current_value = undefined;
    +
    + init(){
    + animate();
    + }
    +
    dispatch(value) {
    + this.current_value = value;
    + this.request_animate();
    + }
    +
    + animate(){
    for(let choice of this.choices){
    - if(value != choice.value){
    - choice.elt.setAttribute("style", "display:none");
    + if(this.current_value != choice.value){
    + if(choice.parent == undefined){
    + choice.parent = choice.elt.parentElement;
    + choice.parent.removeChild(choice.elt);
    + }
    } else {
    - choice.elt.setAttribute("style", choice.style);
    + if(choice.parent != undefined){
    + choice.parent.appendChild(choice.elt);
    + choice.parent = undefined;
    + }
    }
    }
    }
    @@ -38,6 +55,7 @@
    | choices: [
    const "regex",!"'^(\"[^\"].*\"|\-?[0-9]+|false|true)(#.*)?$'"!;
    + // this prevents matching element in sub-widgets
    const "subelts", "$result_widgets[@id = $hmi_element/@id]//*";
    const "subwidgets", "$subelts//*[@id = $hmi_widgets/@id]";
    const "accepted", "$subelts[not(ancestor-or-self::*/@id = $subwidgets/@id)]";
    @@ -46,8 +64,7 @@
    const "literal", "regexp:match(@inkscape:label,$regex)[2]";
    | {
    | elt:id("«@id»"),
    - // TODO : use style.display = "none" to hide element
    - | style:"«@style»",
    + | parent:undefined,
    | value:«$literal»
    | }`if "position()!=last()" > ,`
    }