1

include yslt_noindent.yml2

     2

     3

// overrides yslt's output function to set CDATA

     4

decl output(method, cdata-section-elements="xhtml:script");

     5

     6

istylesheet

     7

            /* From Inkscape */

     8

            xmlns:dc="http://purl.org/dc/elements/1.1/"

     9

            xmlns:cc="http://creativecommons.org/ns#"

    10

            xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

    11

            xmlns:svg="http://www.w3.org/2000/svg"

    12

            xmlns:xlink="http://www.w3.org/1999/xlink"

    13

            xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

    14

            xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

    15

            xmlns:xhtml="http://www.w3.org/1999/xhtml"

    16

            xmlns:reflect="reflect"

    17

    18

            /* Our namespace to invoke python code */

    19

            xmlns:ns="beremiz"

    20

            extension-element-prefixes="ns func exsl regexp str dyn"

    21

            exclude-result-prefixes="ns str regexp exsl func dyn reflect" {

    22

    23

    24

    const "hmi_elements", "//svg:*[starts-with(@inkscape:label, 'HMI:')]";

    25

    26

    include hmi_tree.ysl2

    27

    28

    include geometry.ysl2

    29

    30

    include detachable_pages.ysl2

    31

    32

    include inline_svg.ysl2

    33

    34

    include widgets_common.ysl2

    35

    36

    include widget_*.ysl2

    37

    38

    template "*[namespace-uri()='reflect']", mode="debug_as_comment" {

    39

        comment {

    40

            | «local-name()» :

    41

            apply ".", mode="debug";

    42

        }

    43

    }

    44

    45

    template "/" {

    46

        comment > Made with SVGHMI. https://beremiz.org

    47

    48

        // all debug output from included definitions, as comments

    49

        // apply "document('')/*/reflect:*", mode="debug_as_comment";

    50

    51

        html xmlns="http://www.w3.org/1999/xhtml"

    52

             xmlns:svg="http://www.w3.org/2000/svg"

    53

             xmlns:xlink="http://www.w3.org/1999/xlink" {

    54

            head;

    55

            body style="margin:0;overflow:hidden;" {

    56

                // Inline SVG

    57

                copy "$result_svg";

    58

                script{

    59

                    call "scripts";

    60

                }

    61

            }

    62

        }

    63

    }

    64

    65

    function "scripts"

    66

    {

    67

        |

    68

        | id = idstr => document.getElementById(idstr);

    69

        |

    70

        | var hmi_hash = [«$hmitree/@hash»]; 

    71

    72

        | var hmi_widgets = {

    73

        apply "$hmi_elements", mode="hmi_elements";

    74

        | }

    75

        |

    76

        | var heartbeat_index = «$indexed_hmitree/*[@hmipath = '/HEARTBEAT']/@index»;

    77

        |

    78

        | var hmitree_types = [

    79

    80

        foreach "$indexed_hmitree/*" {

    81

        |     /* «@index»  «@hmipath» */ "«substring(local-name(), 5)»"`if "position()!=last()" > ,`

    82

        }

    83

    84

        | ]

    85

        |

    86

    87

        | var detachable_elements = {

    88

        foreach "$detachable_elements"{

    89

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

    90

        }

    91

        | }

    92

    93

        |

    94

        | var page_desc = {

    95

        apply "$hmi_pages", mode="page_desc";

    96

        | }

    97

    98

        | var keypads = {

    99

        foreach "$keypads_descs"{

   100

            const "keypad_id","@id";

   101

            foreach "arg"{

   102

                const "g", "$geometry[@Id = $keypad_id]"; 

   103

        |     "«@value»":["«$keypad_id»", «$g/@x», «$g/@y»],

   104

            }

   105

        }

   106

        | }

   107

   108

   109

        |

   110

        | var default_page = "«$default_page»";

   111

        | var svg_root = id("«/svg:svg/@id»");

   112

        include text svghmi.js

   113

    }

   114

}