1

     2

template "widget[@type='ForEach']", mode="widget_defs" {

     3

    param "hmi_element";

     4

    const "widgets", "func:refered_elements($forEach_widgets)[not(@id = $forEach_widgets_ids)]";

     5

     6

    const "class","arg[1]/@value";

     7

     8

    const "base_path","path/@value";

     9

    const "hmi_index_base", "$indexed_hmitree/*[@hmipath = $base_path]";

    10

    const "hmi_tree_base", "$hmitree/descendant-or-self::*[@path = $hmi_index_base/@path]";

    11

    const "hmi_tree_items", "$hmi_tree_base/*[@class = $class]";

    12

    const "hmi_index_items", "$indexed_hmitree/*[@path = $hmi_tree_items/@path]"; 

    13

    const "items_paths", "$hmi_index_items/@hmipath"; 

    14

    |     index_pool: [

    15

    foreach "$hmi_index_items" {

    16

    |       «@index»`if "position()!=last()" > ,`

    17

    }

    18

    |     ],

    19

    |     init: function() {

    20

    const "prefix","concat($class,':')";

    21

    const "buttons_regex","concat('^',$prefix,'[+\-][0-9]+')";

    22

    const "buttons", "$hmi_element/*[regexp:test(@inkscape:label, $buttons_regex)]"; 

    23

    foreach "$buttons" {

    24

        const "op","substring-after(@inkscape:label, $prefix)";

    25

    |         id("«@id»").setAttribute("onclick", "hmi_widgets['«$hmi_element/@id»'].on_click('«$op»', evt)");

    26

    }

    27

    |

    28

    |         this.items = [

    29

    const "items_regex","concat('^',$prefix,'[0-9]+')";

    30

    const "unordered_items","$hmi_element//*[regexp:test(@inkscape:label, $items_regex)]";

    31

    foreach "$unordered_items" {

    32

        const "elt_label","concat($prefix, string(position()))"; 

    33

        const "elt","$unordered_items[@inkscape:label = $elt_label]";

    34

        const "pos","position()";

    35

        const "item_path", "$items_paths[$pos]";

    36

    |           [ /* item="«$elt_label»" path="«$item_path»" */

    37

        if "count($elt)=0" error > Missing item labeled «$elt_label» in ForEach widget «$hmi_element/@id»

    38

        foreach "func:refered_elements($elt)[@id = $hmi_elements/@id][not(@id = $elt/@id)]" {

    39

            if "not(func:is_descendant_path(func:widget(@id)/path/@value, $item_path))"

    40

                error > Widget id="«@id»" label="«@inkscape:label»" is having wrong path. Accroding to ForEach widget ancestor id="«$hmi_element/@id»", path should be descendant of "«$item_path»".

    41

    |             hmi_widgets["«@id»"]`if "position()!=last()" > ,`

    42

        }

    43

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

    44

    }

    45

    |         ]

    46

    |     },

    47

    |     item_offset: 0,

    48

}

    49

    50

template "widget[@type='ForEach']", mode="widget_class"

    51

||

    52

class ForEachWidget extends Widget{

    53

    unsub(){

    54

        for(let item of this.items){

    55

            for(let widget of item) {

    56

                widget.unsub();

    57

            }

    58

        }

    59

        this.offset = 0;

    60

    }

    61

    62

    foreach_widgets_do(new_offset, todo){

    63

        this.offset = new_offset;

    64

        for(let i = 0; i < this.items.length; i++) {

    65

            let item = this.items[i];

    66

            let orig_item_index = this.index_pool[i];

    67

            let item_index = this.index_pool[i+this.item_offset];

    68

            let item_index_offset = item_index - orig_item_index;

    69

            for(let widget of item) {

    70

                todo(widget).call(widget, new_offset + item_index_offset);

    71

            }

    72

        }

    73

    }

    74

    75

    sub(new_offset=0){

    76

        this.foreach_widgets_do(new_offset, w=>w.sub);

    77

    }

    78

    79

    apply_cache() {

    80

        this.foreach_widgets_do(this.offset, w=>w.apply_cache);

    81

    }

    82

    83

    on_click(opstr, evt) {

    84

        let new_item_offset = eval(String(this.item_offset)+opstr);

    85

        if(new_item_offset + this.items.length > this.index_pool.length) {

    86

            if(this.item_offset + this.items.length == this.index_pool.length)

    87

                new_item_offset = 0;

    88

            else

    89

                new_item_offset = this.index_pool.length - this.items.length;

    90

        } else if(new_item_offset < 0) {

    91

            if(this.item_offset == 0)

    92

                new_item_offset = this.index_pool.length - this.items.length;

    93

            else

    94

                new_item_offset = 0;

    95

        }

    96

        this.item_offset = new_item_offset;

    97

        this.unsub();

    98

        this.sub(this.offset);

    99

        update_subscriptions();

   100

        need_cache_apply.push(this);

   101

        jumps_need_update = true;

   102

        requestHMIAnimation();

   103

    }

   104

}

   105

||

   106