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

    41

const "hmi_textstylelists_descs", "$parsed_widgets/widget[@type = 'TextStyleList']";

    42

const "hmi_textstylelists", "$hmi_elements[@id = $hmi_textstylelists_descs/@id]";

    43

    44

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

    45

    param "value_expr";

    46

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

    47

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

    48

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

    49

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

    50

    51

    choose {

    52

        when "count($from_list) > 0" {

    53

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

    54

            // obtain new target id from HMI:List widget

    55

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

    56

        }

    57

        when "count($from_textstylelist) > 0" {

    58

            |         console.log("from_textsylelist","«@id»", "«$value_expr»", «$value_expr»,

    59

            // obtain new style from HMI:TextStyleList widget

    60

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

    61

        }

    62

        otherwise

    63

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

    64

    }

    65

}

    66

    67

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

    68

    param "value_expr";

    69

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

    70

}

    71

    72

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

    73

    param "objname";

    74

    apply ".", mode="json_table_elt_render" with "value_expr" > «$objname»«substring-before(@inkscape:label, ' ')»

    75

}

    76

    77

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

    78

    param "objname";

    79

    |         let obj_«@id» = «$objname»«substring-before(@inkscape:label, ' ')»;

    80

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

    81

        with "objname" > obj_«@id»

    82

}

    83

    84

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

    85

    param "hmi_element";

    86

    labels("data");

    87

    optional_labels("forward backward cursor");

    88

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

    89

    |     spread_json_data: function(jdata) {

    90

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

    91

    |     }

    92

}