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

in xsl decl labels(*ptr, name="defs_by_labels") alias call-template {

     7

    with "hmi_element", "$hmi_element";

     8

    with "labels"{text *ptr};

     9

};

    10

    11

in xsl decl optional_labels(*ptr, name="defs_by_labels") alias call-template {

    12

    with "hmi_element", "$hmi_element";

    13

    with "labels"{text *ptr};

    14

    with "mandatory","'no'";

    15

};

    16

    17

in xsl decl svgtmpl(match, xmlns="http://www.w3.org/2000/svg") alias template;

    18

in xsl decl svgfunc(name, xmlns="http://www.w3.org/2000/svg") alias template;

    19

    20

!!

    21

debug_output_calls = []

    22

def gen_debug_calls():

    23

    # '&bug' is a workaround for pyPEG that choke on

    24

    # yml2 python results not parsing down into a single yml2 call

    25

    return ("&bug {"+

    26

        "\n".join(["""

    27

            comment {

    28

                |

    29

                | %s:

    30

                call "%s";

    31

                | 

    32

            }"""%(n,n) for n in debug_output_calls])+

    33

        "}")

    34

!!

    35

    36

istylesheet

    37

            /* From Inkscape */

    38

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

    39

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

    40

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

    41

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

    42

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

    43

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

    44

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

    45

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

    46

    47

            /* Our namespace to invoke python code */

    48

            xmlns:ns="beremiz"

    49

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

    50

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

    51

    52

    53

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

    54

    55

    include hmi_tree.ysl2

    56

    57

    include geometry.ysl2

    58

    59

    include detachable_pages.ysl2

    60

    61

    include inline_svg.ysl2

    62

    63

    include widget_common.ysl2

    64

    65

    template "/" {

    66

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

    67

    68

        // use python to call all debug output from included definitions

    69

        python gen_debug_calls;

    70

    71

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

    72

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

    73

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

    74

            head;

    75

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

    76

                copy "$result_svg";

    77

                script{

    78

                    call "scripts";

    79

                }

    80

            }

    81

        }

    82

    }

    83

    84

    function "scripts"

    85

    {

    86

        | //(function(){

    87

        |

    88

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

    89

        |

    90

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

    91

    92

        /* TODO re-enable

    93

        ||

    94

        function evaluate_js_from_descriptions() {

    95

            var Page;

    96

            var Input;

    97

            var Display;

    98

            var res = [];

    99

        ||

   100

        const "midmark" > \n«$mark»

   101

        apply """//*[contains(child::svg:desc, $midmark) or \

   102

                     starts-with(child::svg:desc, $mark)]""",2 

   103

              mode="code_from_descs";

   104

        ||

   105

            return res;

   106

        }

   107

        ||

   108

        */

   109

   110

        | var hmi_widgets = {

   111

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

   112

        | }

   113

        |

   114

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

   115

        |

   116

        | var hmitree_types = [

   117

   118

        foreach "$indexed_hmitree/*" {

   119

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

   120

        }

   121

   122

        | ]

   123

        |

   124

   125

        | var detachable_elements = {

   126

        foreach "$detachable_elements"{

   127

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

   128

        }

   129

        | }

   130

   131

        |

   132

        | var page_desc = {

   133

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

   134

        | }

   135

   136

        |

   137

        | var default_page = "«$default_page»";

   138

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

   139

        include text svghmi.js

   140

        | //})();

   141

    }

   142

   143

    // template "*", mode="code_from_descs" {

   144

    //     ||

   145

    //     {

   146

    //         var path, role, name, priv;

   147

    //         var id = "«@id»";

   148

    //     ||

   149

   150

    //     /* if label is used, use it as default name */

   151

    //     if "@inkscape:label"

   152

    //         |> name = "«@inkscape:label»";

   153

   154

    //     | /* -------------- */

   155

   156

    //     // this breaks indent, but fixing indent could break string literals

   157

    //     value "substring-after(svg:desc, $mark)";

   158

    //     // nobody reads generated code anyhow...

   159

   160

    //     ||

   161

   162

    //         /* -------------- */

   163

    //         res.push({

   164

    //             path:path,

   165

    //             role:role,

   166

    //             name:name,

   167

    //             priv:priv

   168

    //         })

   169

    //     }

   170

    //     ||

   171

    // }

   172

   173

   174

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

   175

        param "hmi_element";

   176

        |     frequency: 5,

   177

        |     dispatch: function(value) {

   178

        choose {

   179

            when "$hmi_element[self::svg:text]"{

   180

            // TODO : care about <tspan> ?

   181

        |       this.element.textContent = String(value);

   182

            }

   183

            otherwise {

   184

                warning > Display widget as a group not implemented

   185

            }

   186

        }

   187

        |     },

   188

   189

    }

   190

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

   191

        param "hmi_element";

   192

        |     frequency: 10,

   193

        labels("needle range");

   194

        optional_labels("value min max");

   195

        |     dispatch: function(value) {

   196

        |         if(this.value_elt)

   197

        |             this.value_elt.textContent = String(value);

   198

        |         let [min,max,totallength] = this.range;

   199

        |         let length = Math.max(0,Math.min(totallength,(Number(value)-min)*totallength/(max-min)));

   200

        |         let tip = this.range_elt.getPointAtLength(length);

   201

        |         this.needle_elt.setAttribute('d', "M "+this.origin.x+","+this.origin.y+" "+tip.x+","+tip.y);

   202

        |     },

   203

        |     origin: undefined,

   204

        |     range: undefined,

   205

        |     init: function() {

   206

        |         let min = this.min_elt ?

   207

        |                     Number(this.min_elt.textContent) :

   208

        |                     this.args.length >= 1 ? this.args[0] : 0;

   209

        |         let max = this.max_elt ?

   210

        |                     Number(this.max_elt.textContent) :

   211

        |                     this.args.length >= 2 ? this.args[1] : 100;

   212

        |         this.range = [min, max, this.range_elt.getTotalLength()]

   213

        |         this.origin = this.needle_elt.getPointAtLength(0);

   214

        |     },

   215

    }

   216

   217

    def "func:escape_quotes" {

   218

        param "txt";

   219

        // have to use a python string to enter escaped quote

   220

        const "frst", !"substring-before($txt,'\"')"!;

   221

        const "frstln", "string-length($frst)";

   222

        choose {

   223

            when "$frstln > 0 and string-length($txt) > $frstln" {

   224

                result !"concat($frst,'\\\"',func:escape_quotes(substring-after($txt,'\"')))"!;

   225

            }

   226

            otherwise {

   227

                result "$txt";

   228

            }

   229

        }

   230

    }

   231

   232

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

   233

        param "hmi_element";

   234

        const "value_elt" {

   235

            optional_labels("value");

   236

        }

   237

        const "have_value","string-length($value_elt)>0";

   238

        value "$value_elt";

   239

        if "$have_value"

   240

        |     frequency: 5,

   241

   242

        |     dispatch: function(value) {

   243

   244

        if "$have_value"

   245

        |         this.value_elt.textContent = String(value);

   246

   247

        |     },

   248

        const "edit_elt_id","$hmi_element/*[@inkscape:label='edit'][1]/@id";

   249

        |     init: function() {

   250

        if "$edit_elt_id" {

   251

        |         id("«$edit_elt_id»").addEventListener(

   252

        |             "click", 

   253

        |             evt => alert('XXX TODO : Edit value'));

   254

        }

   255

        foreach "$hmi_element/*[regexp:test(@inkscape:label,'^[=+\-].+')]" {

   256

        |         id("«@id»").addEventListener(

   257

        |             "click", 

   258

        |             evt => {let new_val = change_hmi_value(this.indexes[0], "«func:escape_quotes(@inkscape:label)»");

   259

            if "$have_value"{

   260

        |                     this.value_elt.textContent = String(new_val);

   261

            }

   262

        |                    });

   263

                              /* TODO gray out value until refreshed */

   264

        }

   265

        |     },

   266

    }

   267

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

   268

    }

   269

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

   270

        |     frequency: 5,

   271

    }

   272

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

   273

        param "hmi_element";

   274

        |     frequency: 5,

   275

        |     dispatch: function(value) {

   276

        |         for(let choice of this.choices){

   277

        |             if(value != choice.value){

   278

        |                 choice.elt.setAttribute("style", "display:none");

   279

        |             } else {

   280

        |                 choice.elt.setAttribute("style", choice.style);

   281

        |             }

   282

        |         }

   283

        |     },

   284

        |     init: function() {

   285

        |         // Hello Switch

   286

        |     },

   287

        |     choices: [

   288

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

   289

        foreach "$hmi_element/*[regexp:test(@inkscape:label,$regex)]" {

   290

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

   291

        |         {

   292

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

   293

        |             style:"«@style»",

   294

        |             value:«$literal»

   295

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

   296

        }

   297

        |     ],

   298

    }

   299

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

   300

        param "hmi_element";

   301

        |     on_click: function(evt) {

   302

        |         switch_page(this.args[0], this.indexes[0]);

   303

        |     },

   304

        |     init: function() {

   305

        /* registering event this way doies not "click" through svg:use 

   306

        |     this.element.onclick = evt => switch_page(this.args[0]);

   307

        event must be registered by adding attribute to element instead

   308

        TODO : generalize mouse event handling by global event capture + getElementsAtPoint()

   309

        */

   310

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

   311

        |     },

   312

    }

   313

}