1

// widget_jsontable.ysl2

     2

     3

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

     4

    ||

     5

    class JsonTableWidget extends Widget{

     6

        do_http_request() {

     7

            const query = {

     8

                 offset: '42',

     9

                 filter: '*powerloss*',

    10

                 args: this.args

    11

            };

    12

    13

            const options = {

    14

                 method: 'POST',

    15

                 body: JSON.stringify(query),

    16

                 headers: {'Content-Type': 'application/json'}

    17

            }

    18

    19

            fetch(this.args[0], options)

    20

                .then(res => res.json())

    21

                .then(this.spread_json_data);

    22

    23

        }

    24

        dispatch(value) {

    25

            this.do_http_request();

    26

        }

    27

        on_click(evt) {

    28

            this.do_http_request();

    29

        }

    30

        init() {

    31

            this.element.setAttribute("onclick", "hmi_widgets['"+this.element_id+"'].on_click(evt)");

    32

        }

    33

    }

    34

    ||

    35

    36

template "svg:*", mode="json_table_elt_render" {

    37

    error > JsonTable Widget can't contain element of type «local-name()».

    38

}

    39

    40

template "svg:use", mode="json_table_elt_render" {

    41

    param "value_expr";

    42

    // cloned element must be part of a HMI:List

    43

    const "targetid", "substring-after(@xlink:href,'#')";

    44

    const "from_list", "$hmi_lists[(@id | */@id) = $targetid]";

    45

    46

    if "count($from_list) = 0"

    47

        error > Clones (svg:use) in JsonTable Widget must point to a valid HMI:List widget or HMI:List item. Reference "«@xlink:href»" is not valid.

    48

    49

    |         id("«@id»").setAttribute("xlink:href", 

    50

    // obtain new target id from HMI:List widget

    51

    |             "#"+hmi_widgets["«$from_list/@id»"].items[«$value_expr»]);

    52

}

    53

    54

template "svg:text", mode="json_table_elt_render" {

    55

    param "value_expr";

    56

    |         id("«@id»").textContent = String(«$value_expr»);

    57

}

    58

    59

template "svg:*", mode="json_table_render" {

    60

    param "objname";

    61

    apply ".", mode="json_table_elt_render" with "value_expr" > «$objname»«@inkscape:label»

    62

}

    63

    64

template "svg:g", mode="json_table_render" {

    65

    param "objname";

    66

    |         let obj_«@id» = «$objname»«@inkscape:label»;

    67

    apply "*[@inkscape:label]", mode="json_table_render" 

    68

        with "objname" > obj_«@id»

    69

}

    70

    71

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

    72

    param "hmi_element";

    73

    labels("data");

    74

    optional_labels("forward backward cursor");

    75

    const "data_elt", "$result_svg_ns//*[@id = $hmi_element/@id]/*[@inkscape:label = 'data']";

    76

    |     spread_json_data: function(jdata) {

    77

    apply "$data_elt/*", mode="json_table_render" with "objname","'jdata'";

    78

    |     }

    79

}