1

// widget_switch.ysl2

     2

     3

widget_desc("Switch") {

     4

    longdesc

     5

    ||

     6

    Switch widget hides all subelements whose label do not match given

     7

    variable current value representation. For exemple if given variable type

     8

    is HMI_INT and value is 1, then elements with label '1' will be displayed.

     9

    Label can have comments, so '1#some comment' would also match. If matching

    10

    variable of type HMI_STRING, then double quotes must be used. For exemple,

    11

    '"hello"' or '"hello"#another comment' match HMI_STRING 'hello'.

    12

    ||

    13

    14

    shortdesc > Show elements whose label matches value.

    15

    16

    // TODO: add optional format/precision argument to support floating points

    17

    // TODO: support (in)equations and ranges

    18

    19

    path name="value" accepts="HMI_INT,HMI_STRING" > value to compare to labels

    20

    21

}

    22

    23

widget_class("Switch")

    24

    ||

    25

        frequency = 5;

    26

        current_value = undefined;

    27

    28

        init(){

    29

            this.animate();

    30

        }

    31

    32

        dispatch(value) {

    33

            this.current_value = value;

    34

            this.request_animate();

    35

        }

    36

    37

        animate(){

    38

            for(let choice of this.choices){

    39

                if(this.current_value != choice.value){

    40

                    if(choice.parent == undefined){

    41

                        choice.parent = choice.elt.parentElement;

    42

                        choice.parent.removeChild(choice.elt);

    43

                    }

    44

                } else {

    45

                    if(choice.parent != undefined){

    46

                        choice.parent.insertBefore(choice.elt,choice.sibling);

    47

                        choice.parent = undefined;

    48

                    }

    49

                }

    50

            }

    51

        }

    52

    ||

    53

    54

widget_defs("Switch") {

    55

    |     choices: [

    56

    const "regex",!"'^(\"[^\"].*\"|\-?[0-9]+|false|true)(#.*)?$'"!;

    57

    58

    // this prevents matching element in sub-widgets

    59

    const "subelts", "$result_widgets[@id = $hmi_element/@id]//*";

    60

    const "subwidgets", "$subelts//*[@id = $hmi_widgets/@id]";

    61

    const "accepted", "$subelts[not(ancestor-or-self::*/@id = $subwidgets/@id)]";

    62

    63

    const "choices", "$accepted[regexp:test(@inkscape:label,$regex)]";

    64

    foreach "$choices" {

    65

        const "literal", "regexp:match(@inkscape:label,$regex)[2]";

    66

        const "sibling", "following-sibling::*[not(@id = $choices/@id)][position()=1]";

    67

    |         {

    68

    |             elt:id("«@id»"),

    69

    |             parent:undefined,

    70

    choose {

    71

        when "count($sibling)=0" {

    72

    |             sibling:null,

    73

        }

    74

        otherwise {

    75

    |             sibling:id("«$sibling/@id»"),

    76

        }

    77

    }

    78

    |             value:«$literal»

    79

    |         }`if "position()!=last()" > ,`

    80

    }

    81

    |     ],

    82

}