Edouard@2753: <?xml version="1.0"?>
Edouard@2854: <xsl:stylesheet xmlns:func="http://exslt.org/functions" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:str="http://exslt.org/strings" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:exsl="http://exslt.org/common" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ns="beremiz" xmlns:cc="http://creativecommons.org/ns#" xmlns:regexp="http://exslt.org/regular-expressions" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:dc="http://purl.org/dc/elements/1.1/" extension-element-prefixes="ns func exsl regexp str dyn" version="1.0" exclude-result-prefixes="ns str regexp exsl func dyn">
Edouard@2798:   <xsl:output method="xml" cdata-section-elements="xhtml:script"/>
Edouard@2753:   <xsl:variable name="geometry" select="ns:GetSVGGeometry()"/>
Edouard@2763:   <xsl:variable name="hmitree" select="ns:GetHMITree()"/>
Edouard@2808:   <xsl:variable name="svg_root_id" select="/svg:svg/@id"/>
Edouard@2797:   <xsl:variable name="hmi_elements" select="//svg:*[starts-with(@inkscape:label, 'HMI:')]"/>
Edouard@2794:   <xsl:variable name="hmi_geometry" select="$geometry[@Id = $hmi_elements/@id]"/>
Edouard@2794:   <xsl:variable name="hmi_pages" select="$hmi_elements[func:parselabel(@inkscape:label)/widget/@type = 'Page']"/>
Edouard@2795:   <xsl:variable name="default_page">
Edouard@2795:     <xsl:choose>
Edouard@2795:       <xsl:when test="count($hmi_pages) &gt; 1">
Edouard@2795:         <xsl:variable name="Home_page" select="$hmi_pages[func:parselabel(@inkscape:label)/widget/arg[1]/@value = 'Home']"/>
Edouard@2795:         <xsl:choose>
Edouard@2795:           <xsl:when test="$Home_page">
Edouard@2795:             <xsl:text>Home</xsl:text>
Edouard@2795:           </xsl:when>
Edouard@2795:           <xsl:otherwise>
Edouard@2795:             <xsl:message terminate="yes">No Home page defined!</xsl:message>
Edouard@2795:           </xsl:otherwise>
Edouard@2795:         </xsl:choose>
Edouard@2795:       </xsl:when>
Edouard@2795:       <xsl:when test="count($hmi_pages) = 0">
Edouard@2795:         <xsl:message terminate="yes">No page defined!</xsl:message>
Edouard@2795:       </xsl:when>
Edouard@2795:       <xsl:otherwise>
Edouard@2795:         <xsl:value-of select="func:parselabel($hmi_pages/@inkscape:label)/widget/arg[1]/@value"/>
Edouard@2795:       </xsl:otherwise>
Edouard@2795:     </xsl:choose>
Edouard@2795:   </xsl:variable>
Edouard@2790:   <xsl:variable name="_categories">
Edouard@2790:     <noindex>
Edouard@2790:       <xsl:text>HMI_ROOT</xsl:text>
Edouard@2790:     </noindex>
Edouard@2790:     <noindex>
Edouard@2790:       <xsl:text>HMI_PLC_STATUS</xsl:text>
Edouard@2790:     </noindex>
Edouard@2790:     <noindex>
Edouard@2790:       <xsl:text>HMI_CURRENT_PAGE</xsl:text>
Edouard@2790:     </noindex>
Edouard@2790:   </xsl:variable>
Edouard@2790:   <xsl:variable name="categories" select="exsl:node-set($_categories)"/>
Edouard@2844:   <func:function name="func:refered_elements">
Edouard@2844:     <xsl:param name="elems"/>
Edouard@2844:     <xsl:variable name="descend" select="$elems/descendant-or-self::svg:*"/>
Edouard@2844:     <xsl:variable name="clones" select="$descend[self::svg:use]"/>
Edouard@2844:     <xsl:variable name="originals" select="//svg:*[concat('#',@id) = $clones/@xlink:href]"/>
Edouard@2844:     <xsl:choose>
Edouard@2844:       <xsl:when test="$originals">
Edouard@2844:         <func:result select="$descend | func:refered_elements($originals)"/>
Edouard@2844:       </xsl:when>
Edouard@2844:       <xsl:otherwise>
Edouard@2844:         <func:result select="$descend"/>
Edouard@2844:       </xsl:otherwise>
Edouard@2844:     </xsl:choose>
Edouard@2844:   </func:function>
Edouard@2844:   <func:function name="func:intersect_1d">
Edouard@2844:     <xsl:param name="a0"/>
Edouard@2844:     <xsl:param name="a1"/>
Edouard@2844:     <xsl:param name="b0"/>
Edouard@2844:     <xsl:param name="b1"/>
Edouard@2844:     <xsl:variable name="d0" select="$a0 &gt;= $b0"/>
Edouard@2844:     <xsl:variable name="d1" select="$a1 &gt;= $b1"/>
Edouard@2844:     <xsl:choose>
Edouard@2844:       <xsl:when test="not($d0) and $d1">
Edouard@2844:         <func:result select="3"/>
Edouard@2844:       </xsl:when>
Edouard@2844:       <xsl:when test="$d0 and not($d1)">
Edouard@2844:         <func:result select="2"/>
Edouard@2844:       </xsl:when>
Edouard@2845:       <xsl:when test="$d0 and $d1 and $a0 &lt; $b1">
Edouard@2845:         <func:result select="1"/>
Edouard@2845:       </xsl:when>
Edouard@2845:       <xsl:when test="not($d0) and not($d1) and $b0 &lt; $a1">
Edouard@2844:         <func:result select="1"/>
Edouard@2844:       </xsl:when>
Edouard@2844:       <xsl:otherwise>
Edouard@2844:         <func:result select="0"/>
Edouard@2844:       </xsl:otherwise>
Edouard@2844:     </xsl:choose>
Edouard@2844:   </func:function>
Edouard@2844:   <func:function name="func:intersect">
Edouard@2844:     <xsl:param name="a"/>
Edouard@2844:     <xsl:param name="b"/>
Edouard@2844:     <xsl:variable name="x_intersect" select="func:intersect_1d($a/@x, $a/@x+$a/@w, $b/@x, $b/@x+$b/@w)"/>
Edouard@2844:     <xsl:choose>
Edouard@2844:       <xsl:when test="$x_intersect != 0">
Edouard@2845:         <xsl:variable name="y_intersect" select="func:intersect_1d($a/@y, $a/@y+$a/@h, $b/@y, $b/@y+$b/@h)"/>
Edouard@2844:         <func:result select="$x_intersect * $y_intersect"/>
Edouard@2844:       </xsl:when>
Edouard@2844:       <xsl:otherwise>
Edouard@2844:         <func:result select="0"/>
Edouard@2844:       </xsl:otherwise>
Edouard@2844:     </xsl:choose>
Edouard@2844:   </func:function>
Edouard@2844:   <func:function name="func:overlapping_geometry">
Edouard@2844:     <xsl:param name="elt"/>
Edouard@2854:     <xsl:variable name="groups" select="/svg:svg | //svg:g"/>
Edouard@2844:     <xsl:variable name="g" select="$geometry[@Id = $elt/@id]"/>
Edouard@2845:     <xsl:variable name="candidates" select="$geometry[@Id != $elt/@id]"/>
Edouard@2846:     <func:result select="$candidates[(@Id = $groups/@id and (func:intersect($g, .) = 9)) or &#10;                              (not(@Id = $groups/@id) and (func:intersect($g, .) &gt; 0 ))]"/>
Edouard@2844:   </func:function>
Edouard@2844:   <func:function name="func:all_related_elements">
Edouard@2844:     <xsl:param name="page"/>
Edouard@2844:     <xsl:variable name="page_overlapping_geometry" select="func:overlapping_geometry($page)"/>
Edouard@2844:     <xsl:variable name="page_overlapping_elements" select="//svg:*[@id = $page_overlapping_geometry/@Id]"/>
Edouard@2844:     <xsl:variable name="page_sub_elements" select="func:refered_elements($page | $page_overlapping_elements)"/>
Edouard@2844:     <func:result select="$page_sub_elements"/>
Edouard@2844:   </func:function>
Edouard@2846:   <func:function name="func:required_elements">
Edouard@2846:     <xsl:param name="pages"/>
Edouard@2846:     <xsl:choose>
Edouard@2846:       <xsl:when test="$pages">
Edouard@2846:         <func:result select="func:all_related_elements($pages[1])&#10;                          | func:required_elements($pages[position()!=1])"/>
Edouard@2846:       </xsl:when>
Edouard@2846:       <xsl:otherwise>
Edouard@2846:         <func:result select="/.."/>
Edouard@2846:       </xsl:otherwise>
Edouard@2846:     </xsl:choose>
Edouard@2846:   </func:function>
Edouard@2846:   <xsl:variable name="required_elements" select="//svg:defs/descendant-or-self::svg:*&#10;           | func:required_elements($hmi_pages)/ancestor-or-self::svg:*"/>
Edouard@2846:   <xsl:variable name="discardable_elements" select="//svg:*[not(@id = $required_elements/@id)]"/>
Edouard@2846:   <func:function name="func:sumarized_elements">
Edouard@2846:     <xsl:param name="elements"/>
Edouard@2846:     <xsl:variable name="short_list" select="$elements[not(ancestor::*/@id = $elements/@id)]"/>
Edouard@2854:     <xsl:variable name="filled_groups" select="$short_list/parent::svg:*[&#10;            not(descendant::*[&#10;                not(self::svg:g) and&#10;                not(@id = $discardable_elements/@id) and&#10;                not(@id = $short_list/descendant-or-self::*[not(self::svg:g)]/@id)&#10;            ])]"/>
Edouard@2846:     <xsl:variable name="groups_to_add" select="$filled_groups[not(ancestor::*/@id = $filled_groups/@id)]"/>
Edouard@2846:     <func:result select="$groups_to_add | $short_list[not(ancestor::svg:g/@id = $filled_groups/@id)]"/>
Edouard@2846:   </func:function>
Edouard@2844:   <func:function name="func:detachable_elements">
Edouard@2844:     <xsl:param name="pages"/>
Edouard@2844:     <xsl:choose>
Edouard@2844:       <xsl:when test="$pages">
Edouard@2844:         <func:result select="func:sumarized_elements(func:all_related_elements($pages[1]))&#10;                          | func:detachable_elements($pages[position()!=1])"/>
Edouard@2844:       </xsl:when>
Edouard@2844:       <xsl:otherwise>
Edouard@2844:         <func:result select="/.."/>
Edouard@2844:       </xsl:otherwise>
Edouard@2844:     </xsl:choose>
Edouard@2844:   </func:function>
Edouard@2858:   <xsl:variable name="_detachable_elements" select="func:detachable_elements($hmi_pages)"/>
Edouard@2858:   <xsl:variable name="detachable_elements" select="$_detachable_elements[not(ancestor::*/@id = $_detachable_elements/@id)]"/>
Edouard@2867:   <xsl:variable name="_indexed_hmitree">
Edouard@2867:     <xsl:apply-templates mode="index" select="$hmitree"/>
Edouard@2867:   </xsl:variable>
Edouard@2867:   <xsl:variable name="indexed_hmitree" select="exsl:node-set($_indexed_hmitree)"/>
Edouard@2791:   <xsl:template mode="index" match="*">
Edouard@2790:     <xsl:param name="index" select="0"/>
Edouard@2791:     <xsl:param name="parentpath" select="''"/>
Edouard@2790:     <xsl:variable name="content">
Edouard@2791:       <xsl:variable name="path">
Edouard@2791:         <xsl:choose>
Edouard@2791:           <xsl:when test="local-name() = 'HMI_ROOT'">
Edouard@2791:             <xsl:value-of select="$parentpath"/>
Edouard@2791:           </xsl:when>
Edouard@2791:           <xsl:otherwise>
Edouard@2791:             <xsl:value-of select="$parentpath"/>
Edouard@2791:             <xsl:text>/</xsl:text>
Edouard@2791:             <xsl:value-of select="@name"/>
Edouard@2791:           </xsl:otherwise>
Edouard@2791:         </xsl:choose>
Edouard@2791:       </xsl:variable>
Edouard@2790:       <xsl:choose>
Edouard@2790:         <xsl:when test="not(local-name() = $categories/noindex)">
Edouard@2790:           <xsl:copy>
Edouard@2790:             <xsl:attribute name="index">
Edouard@2790:               <xsl:value-of select="$index"/>
Edouard@2790:             </xsl:attribute>
Edouard@2791:             <xsl:attribute name="hmipath">
Edouard@2791:               <xsl:value-of select="$path"/>
Edouard@2791:             </xsl:attribute>
Edouard@2790:             <xsl:for-each select="@*">
Edouard@2790:               <xsl:copy/>
Edouard@2790:             </xsl:for-each>
Edouard@2790:           </xsl:copy>
Edouard@2867:           <xsl:apply-templates mode="index" select="*[1]">
Edouard@2867:             <xsl:with-param name="index" select="$index + 1"/>
Edouard@2867:             <xsl:with-param name="parentpath">
Edouard@2867:               <xsl:value-of select="$path"/>
Edouard@2867:             </xsl:with-param>
Edouard@2867:           </xsl:apply-templates>
Edouard@2790:         </xsl:when>
Edouard@2790:         <xsl:otherwise>
Edouard@2790:           <xsl:apply-templates mode="index" select="*[1]">
Edouard@2790:             <xsl:with-param name="index" select="$index"/>
Edouard@2791:             <xsl:with-param name="parentpath">
Edouard@2791:               <xsl:value-of select="$path"/>
Edouard@2791:             </xsl:with-param>
Edouard@2790:           </xsl:apply-templates>
Edouard@2790:         </xsl:otherwise>
Edouard@2790:       </xsl:choose>
Edouard@2790:     </xsl:variable>
Edouard@2790:     <xsl:copy-of select="$content"/>
Edouard@2790:     <xsl:apply-templates mode="index" select="following-sibling::*[1]">
Edouard@2790:       <xsl:with-param name="index" select="$index + count(exsl:node-set($content)/*)"/>
Edouard@2791:       <xsl:with-param name="parentpath">
Edouard@2791:         <xsl:value-of select="$parentpath"/>
Edouard@2791:       </xsl:with-param>
Edouard@2790:     </xsl:apply-templates>
Edouard@2790:   </xsl:template>
Edouard@2808:   <xsl:template mode="inline_svg" match="@* | node()">
Edouard@2846:     <xsl:if test="not(@id = $discardable_elements/@id)">
Edouard@2846:       <xsl:copy>
Edouard@2846:         <xsl:apply-templates mode="inline_svg" select="@* | node()"/>
Edouard@2846:       </xsl:copy>
Edouard@2846:     </xsl:if>
Edouard@2808:   </xsl:template>
Edouard@2808:   <xsl:template mode="inline_svg" match="svg:svg/@width"/>
Edouard@2808:   <xsl:template mode="inline_svg" match="svg:svg/@height"/>
Edouard@2842:   <xsl:template xmlns="http://www.w3.org/2000/svg" mode="inline_svg" match="svg:svg">
Edouard@2842:     <svg>
Edouard@2808:       <xsl:attribute name="preserveAspectRatio">
Edouard@2808:         <xsl:text>none</xsl:text>
Edouard@2808:       </xsl:attribute>
Edouard@2808:       <xsl:attribute name="height">
Edouard@2808:         <xsl:text>100vh</xsl:text>
Edouard@2808:       </xsl:attribute>
Edouard@2808:       <xsl:attribute name="width">
Edouard@2808:         <xsl:text>100vw</xsl:text>
Edouard@2808:       </xsl:attribute>
Edouard@2808:       <xsl:apply-templates mode="inline_svg" select="@* | node()"/>
Edouard@2842:     </svg>
Edouard@2753:   </xsl:template>
Edouard@2837:   <xsl:template mode="inline_svg" match="svg:svg[@viewBox!=concat('0 0 ', @width, ' ', @height)]">
Edouard@2837:     <xsl:message terminate="yes">
Edouard@2838:       <xsl:text>ViewBox settings other than X=0, Y=0 and Scale=1 are not supported</xsl:text>
Edouard@2837:     </xsl:message>
Edouard@2837:   </xsl:template>
Edouard@2837:   <xsl:template mode="inline_svg" match="sodipodi:namedview[@units!='px' or @inkscape:document-units!='px']">
Edouard@2837:     <xsl:message terminate="yes">
Edouard@2837:       <xsl:text>All units must be set to "px" in Inkscape's document properties</xsl:text>
Edouard@2837:     </xsl:message>
Edouard@2837:   </xsl:template>
Edouard@2854:   <xsl:variable name="to_unlink" select="$hmi_elements[not(@id = $hmi_pages)]//svg:use"/>
Edouard@2854:   <xsl:template xmlns="http://www.w3.org/2000/svg" mode="inline_svg" match="svg:use">
Edouard@2854:     <xsl:choose>
Edouard@2854:       <xsl:when test="@id = $to_unlink/@id">
Edouard@2854:         <xsl:call-template name="unlink_clone"/>
Edouard@2854:       </xsl:when>
Edouard@2854:       <xsl:otherwise>
Edouard@2854:         <xsl:copy>
Edouard@2854:           <xsl:apply-templates mode="inline_svg" select="@* | node()"/>
Edouard@2854:         </xsl:copy>
Edouard@2854:       </xsl:otherwise>
Edouard@2854:     </xsl:choose>
Edouard@2854:   </xsl:template>
Edouard@2854:   <xsl:variable name="_excluded_use_attrs">
Edouard@2854:     <name>
Edouard@2854:       <xsl:text>href</xsl:text>
Edouard@2854:     </name>
Edouard@2854:     <name>
Edouard@2854:       <xsl:text>width</xsl:text>
Edouard@2854:     </name>
Edouard@2854:     <name>
Edouard@2854:       <xsl:text>height</xsl:text>
Edouard@2854:     </name>
Edouard@2854:     <name>
Edouard@2854:       <xsl:text>x</xsl:text>
Edouard@2854:     </name>
Edouard@2854:     <name>
Edouard@2854:       <xsl:text>y</xsl:text>
Edouard@2854:     </name>
Edouard@2854:   </xsl:variable>
Edouard@2854:   <xsl:variable name="excluded_use_attrs" select="exsl:node-set($_excluded_use_attrs)"/>
Edouard@2854:   <xsl:template xmlns="http://www.w3.org/2000/svg" name="unlink_clone">
Edouard@2854:     <g>
Edouard@2854:       <xsl:for-each select="@*[not(local-name() = $excluded_use_attrs/name)]">
Edouard@2854:         <xsl:attribute name="{name()}">
Edouard@2854:           <xsl:value-of select="."/>
Edouard@2854:         </xsl:attribute>
Edouard@2854:       </xsl:for-each>
Edouard@2854:       <xsl:variable name="targetid" select="substring-after(@xlink:href,'#')"/>
Edouard@2854:       <xsl:apply-templates mode="unlink_clone" select="//svg:*[@id = $targetid]">
Edouard@2854:         <xsl:with-param name="seed" select="@id"/>
Edouard@2854:       </xsl:apply-templates>
Edouard@2854:     </g>
Edouard@2854:   </xsl:template>
Edouard@2854:   <xsl:template xmlns="http://www.w3.org/2000/svg" mode="unlink_clone" match="@id">
Edouard@2854:     <xsl:param name="seed"/>
Edouard@2854:     <xsl:attribute name="id">
Edouard@2854:       <xsl:value-of select="$seed"/>
Edouard@2854:       <xsl:text>_</xsl:text>
Edouard@2854:       <xsl:value-of select="."/>
Edouard@2854:     </xsl:attribute>
Edouard@2854:   </xsl:template>
Edouard@2854:   <xsl:template xmlns="http://www.w3.org/2000/svg" mode="unlink_clone" match="@*">
Edouard@2854:     <xsl:copy/>
Edouard@2854:   </xsl:template>
Edouard@2854:   <xsl:template xmlns="http://www.w3.org/2000/svg" mode="unlink_clone" match="svg:*">
Edouard@2854:     <xsl:param name="seed"/>
Edouard@2854:     <xsl:choose>
Edouard@2854:       <xsl:when test="@id = $hmi_elements/@id">
Edouard@2854:         <use>
Edouard@2854:           <xsl:attribute name="xlink:href">
Edouard@2854:             <xsl:value-of select="concat('#',@id)"/>
Edouard@2854:           </xsl:attribute>
Edouard@2854:         </use>
Edouard@2854:       </xsl:when>
Edouard@2854:       <xsl:otherwise>
Edouard@2854:         <xsl:copy>
Edouard@2854:           <xsl:apply-templates mode="unlink_clone" select="@* | node()">
Edouard@2854:             <xsl:with-param name="seed" select="$seed"/>
Edouard@2854:           </xsl:apply-templates>
Edouard@2854:         </xsl:copy>
Edouard@2854:       </xsl:otherwise>
Edouard@2854:     </xsl:choose>
Edouard@2854:   </xsl:template>
Edouard@2854:   <xsl:variable name="result_svg">
Edouard@2854:     <xsl:apply-templates mode="inline_svg" select="/"/>
Edouard@2854:   </xsl:variable>
Edouard@2854:   <xsl:variable name="result_svg_ns" select="exsl:node-set($result_svg)"/>
Edouard@2753:   <xsl:template match="/">
Edouard@2793:     <xsl:comment>
Edouard@2793:       <xsl:text>Made with SVGHMI. https://beremiz.org</xsl:text>
Edouard@2793:     </xsl:comment>
Edouard@2814:     <xsl:comment>
Edouard@2814:       <xsl:apply-templates mode="testgeo" select="$hmi_geometry"/>
Edouard@2814:     </xsl:comment>
Edouard@2814:     <xsl:comment>
Edouard@2814:       <xsl:apply-templates mode="testtree" select="$hmitree"/>
Edouard@2814:     </xsl:comment>
Edouard@2814:     <xsl:comment>
Edouard@2814:       <xsl:apply-templates mode="testtree" select="$indexed_hmitree"/>
Edouard@2814:     </xsl:comment>
Edouard@2844:     <xsl:comment>
Edouard@2844:       <xsl:text>Detachable :
Edouard@2844: </xsl:text>
Edouard@2844:       <xsl:for-each select="$detachable_elements">
Edouard@2844:         <xsl:value-of select="@id"/>
Edouard@2844:         <xsl:text>
Edouard@2844: </xsl:text>
Edouard@2844:       </xsl:for-each>
Edouard@2844:     </xsl:comment>
Edouard@2844:     <xsl:comment>
Edouard@2844:       <xsl:text>Discardable :
Edouard@2844: </xsl:text>
Edouard@2844:       <xsl:for-each select="$discardable_elements">
Edouard@2844:         <xsl:value-of select="@id"/>
Edouard@2844:         <xsl:text>
Edouard@2844: </xsl:text>
Edouard@2844:       </xsl:for-each>
Edouard@2844:     </xsl:comment>
Edouard@2854:     <xsl:comment>
Edouard@2854:       <xsl:text>Unlinked :
Edouard@2854: </xsl:text>
Edouard@2854:       <xsl:for-each select="$to_unlink">
Edouard@2854:         <xsl:value-of select="@id"/>
Edouard@2854:         <xsl:text>
Edouard@2854: </xsl:text>
Edouard@2854:       </xsl:for-each>
Edouard@2854:     </xsl:comment>
Edouard@2842:     <html xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/1999/xhtml">
Edouard@2779:       <head/>
Edouard@2808:       <body style="margin:0;overflow:hidden;">
Edouard@2854:         <xsl:copy-of select="$result_svg"/>
Edouard@2779:         <script>
Edouard@2854:           <xsl:call-template name="scripts"/>
Edouard@2779:         </script>
Edouard@2779:       </body>
Edouard@2779:     </html>
Edouard@2753:   </xsl:template>
Edouard@2793:   <func:function name="func:parselabel">
Edouard@2792:     <xsl:param name="label"/>
Edouard@2792:     <xsl:variable name="description" select="substring-after($label,'HMI:')"/>
Edouard@2792:     <xsl:variable name="_args" select="substring-before($description,'@')"/>
Edouard@2792:     <xsl:variable name="args">
Edouard@2792:       <xsl:choose>
Edouard@2792:         <xsl:when test="$_args">
Edouard@2792:           <xsl:value-of select="$_args"/>
Edouard@2792:         </xsl:when>
Edouard@2792:         <xsl:otherwise>
Edouard@2792:           <xsl:value-of select="$description"/>
Edouard@2792:         </xsl:otherwise>
Edouard@2792:       </xsl:choose>
Edouard@2792:     </xsl:variable>
Edouard@2792:     <xsl:variable name="_type" select="substring-before($args,':')"/>
Edouard@2792:     <xsl:variable name="type">
Edouard@2792:       <xsl:choose>
Edouard@2792:         <xsl:when test="$_type">
Edouard@2792:           <xsl:value-of select="$_type"/>
Edouard@2792:         </xsl:when>
Edouard@2792:         <xsl:otherwise>
Edouard@2792:           <xsl:value-of select="$args"/>
Edouard@2792:         </xsl:otherwise>
Edouard@2792:       </xsl:choose>
Edouard@2792:     </xsl:variable>
Edouard@2793:     <xsl:variable name="ast">
Edouard@2793:       <xsl:if test="$type">
Edouard@2793:         <widget>
Edouard@2793:           <xsl:attribute name="type">
Edouard@2793:             <xsl:value-of select="$type"/>
Edouard@2793:           </xsl:attribute>
Edouard@2794:           <xsl:for-each select="str:split(substring-after($args, ':'), ':')">
Edouard@2793:             <arg>
Edouard@2793:               <xsl:attribute name="value">
Edouard@2793:                 <xsl:value-of select="."/>
Edouard@2793:               </xsl:attribute>
Edouard@2793:             </arg>
Edouard@2793:           </xsl:for-each>
Edouard@2793:           <xsl:variable name="paths" select="substring-after($description,'@')"/>
Edouard@2793:           <xsl:for-each select="str:split($paths, '@')">
Edouard@2793:             <path>
Edouard@2793:               <xsl:attribute name="value">
Edouard@2793:                 <xsl:value-of select="."/>
Edouard@2793:               </xsl:attribute>
Edouard@2793:             </path>
Edouard@2793:           </xsl:for-each>
Edouard@2793:         </widget>
Edouard@2793:       </xsl:if>
Edouard@2793:     </xsl:variable>
Edouard@2793:     <func:result select="exsl:node-set($ast)"/>
Edouard@2793:   </func:function>
Edouard@2854:   <xsl:template name="scripts">
Edouard@2799:     <xsl:text>//(function(){
Edouard@2798: </xsl:text>
Edouard@2798:     <xsl:text>
Edouard@2798: </xsl:text>
edouard@2847:     <xsl:text>id = idstr =&gt; document.getElementById(idstr);
edouard@2847: </xsl:text>
edouard@2847:     <xsl:text>
edouard@2847: </xsl:text>
Edouard@2797:     <xsl:text>var hmi_hash = [</xsl:text>
Edouard@2797:     <xsl:value-of select="$hmitree/@hash"/>
Edouard@2797:     <xsl:text>]; 
Edouard@2797: </xsl:text>
Edouard@2797:     <xsl:text>var hmi_widgets = {
Edouard@2797: </xsl:text>
Edouard@2797:     <xsl:for-each select="$hmi_elements">
Edouard@2797:       <xsl:variable name="widget" select="func:parselabel(@inkscape:label)/widget"/>
edouard@2856:       <xsl:variable name="eltid" select="@id"/>
Edouard@2852:       <xsl:text>  "</xsl:text>
Edouard@2797:       <xsl:value-of select="@id"/>
Edouard@2833:       <xsl:text>": {
Edouard@2793: </xsl:text>
Edouard@2852:       <xsl:text>    type: "</xsl:text>
Edouard@2797:       <xsl:value-of select="$widget/@type"/>
Edouard@2793:       <xsl:text>",
Edouard@2793: </xsl:text>
Edouard@2852:       <xsl:text>    args: [
Edouard@2797: </xsl:text>
Edouard@2797:       <xsl:for-each select="$widget/arg">
Edouard@2852:         <xsl:text>        "</xsl:text>
Edouard@2797:         <xsl:value-of select="@value"/>
Edouard@2793:         <xsl:text>"</xsl:text>
Edouard@2793:         <xsl:if test="position()!=last()">
Edouard@2793:           <xsl:text>,</xsl:text>
Edouard@2793:         </xsl:if>
Edouard@2793:         <xsl:text>
Edouard@2793: </xsl:text>
Edouard@2793:       </xsl:for-each>
Edouard@2852:       <xsl:text>    ],
Edouard@2852: </xsl:text>
Edouard@2852:       <xsl:text>    indexes: [
Edouard@2797: </xsl:text>
Edouard@2797:       <xsl:for-each select="$widget/path">
Edouard@2797:         <xsl:variable name="hmipath" select="@value"/>
Edouard@2797:         <xsl:variable name="hmitree_match" select="$indexed_hmitree/*[@hmipath = $hmipath]"/>
Edouard@2834:         <xsl:choose>
Edouard@2834:           <xsl:when test="count($hmitree_match) = 0">
Edouard@2834:             <xsl:message terminate="no">
edouard@2856:               <xsl:text>Widget </xsl:text>
edouard@2856:               <xsl:value-of select="$widget/@type"/>
edouard@2856:               <xsl:text> id="</xsl:text>
edouard@2856:               <xsl:value-of select="$eltid"/>
edouard@2856:               <xsl:text>" : No match for path "</xsl:text>
Edouard@2834:               <xsl:value-of select="$hmipath"/>
Edouard@2834:               <xsl:text>" in HMI tree</xsl:text>
Edouard@2834:             </xsl:message>
Edouard@2834:           </xsl:when>
Edouard@2834:           <xsl:otherwise>
edouard@2850:             <xsl:text>            </xsl:text>
Edouard@2834:             <xsl:value-of select="$hmitree_match/@index"/>
Edouard@2834:             <xsl:if test="position()!=last()">
Edouard@2834:               <xsl:text>,</xsl:text>
Edouard@2834:             </xsl:if>
Edouard@2834:             <xsl:text>
Edouard@2834: </xsl:text>
Edouard@2834:           </xsl:otherwise>
Edouard@2834:         </xsl:choose>
Edouard@2797:       </xsl:for-each>
Edouard@2854:       <xsl:text>    ],
Edouard@2854: </xsl:text>
Edouard@2854:       <xsl:text>    element: id("</xsl:text>
Edouard@2800:       <xsl:value-of select="@id"/>
Edouard@2800:       <xsl:text>"),
Edouard@2800: </xsl:text>
Edouard@2800:       <xsl:apply-templates mode="widget_defs" select="$widget">
Edouard@2800:         <xsl:with-param name="hmi_element" select="."/>
Edouard@2800:       </xsl:apply-templates>
Edouard@2854:       <xsl:text>  }</xsl:text>
Edouard@2793:       <xsl:if test="position()!=last()">
Edouard@2793:         <xsl:text>,</xsl:text>
Edouard@2793:       </xsl:if>
Edouard@2793:       <xsl:text>
Edouard@2793: </xsl:text>
Edouard@2793:     </xsl:for-each>
Edouard@2793:     <xsl:text>}
Edouard@2793: </xsl:text>
Edouard@2793:     <xsl:text>
Edouard@2793: </xsl:text>
Edouard@2822:     <xsl:text>var heartbeat_index = </xsl:text>
Edouard@2822:     <xsl:value-of select="$indexed_hmitree/*[@hmipath = '/HEARTBEAT']/@index"/>
Edouard@2822:     <xsl:text>;
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>
Edouard@2822: </xsl:text>
Edouard@2798:     <xsl:text>var hmitree_types = [
Edouard@2798: </xsl:text>
Edouard@2797:     <xsl:for-each select="$indexed_hmitree/*">
edouard@2850:       <xsl:text>    /* </xsl:text>
Edouard@2797:       <xsl:value-of select="@index"/>
Edouard@2797:       <xsl:text>  </xsl:text>
Edouard@2797:       <xsl:value-of select="@hmipath"/>
Edouard@2798:       <xsl:text> */ "</xsl:text>
Edouard@2798:       <xsl:value-of select="substring(local-name(), 5)"/>
Edouard@2798:       <xsl:text>"</xsl:text>
Edouard@2797:       <xsl:if test="position()!=last()">
Edouard@2797:         <xsl:text>,</xsl:text>
Edouard@2797:       </xsl:if>
Edouard@2797:       <xsl:text>
Edouard@2797: </xsl:text>
Edouard@2797:     </xsl:for-each>
Edouard@2797:     <xsl:text>]
Edouard@2797: </xsl:text>
Edouard@2797:     <xsl:text>
Edouard@2797: </xsl:text>
edouard@2847:     <xsl:text>var detachable_elements = {
edouard@2847: </xsl:text>
edouard@2847:     <xsl:for-each select="$detachable_elements">
edouard@2847:       <xsl:text>    "</xsl:text>
edouard@2847:       <xsl:value-of select="@id"/>
edouard@2850:       <xsl:text>":[id("</xsl:text>
edouard@2847:       <xsl:value-of select="@id"/>
edouard@2850:       <xsl:text>"), id("</xsl:text>
edouard@2847:       <xsl:value-of select="../@id"/>
edouard@2850:       <xsl:text>")]</xsl:text>
edouard@2847:       <xsl:if test="position()!=last()">
edouard@2847:         <xsl:text>,</xsl:text>
edouard@2847:       </xsl:if>
edouard@2847:       <xsl:text>
edouard@2847: </xsl:text>
edouard@2847:     </xsl:for-each>
edouard@2847:     <xsl:text>}
edouard@2847: </xsl:text>
edouard@2847:     <xsl:text>
edouard@2847: </xsl:text>
Edouard@2793:     <xsl:text>var page_desc = {
Edouard@2793: </xsl:text>
Edouard@2794:     <xsl:for-each select="$hmi_pages">
Edouard@2794:       <xsl:variable name="desc" select="func:parselabel(@inkscape:label)/widget"/>
Edouard@2797:       <xsl:variable name="page" select="."/>
Edouard@2843:       <xsl:variable name="p" select="$geometry[@Id = $page/@id]"/>
Edouard@2843:       <xsl:variable name="page_all_elements" select="func:all_related_elements($page)"/>
Edouard@2843:       <xsl:variable name="all_page_ids" select="$page_all_elements[@id = $hmi_elements/@id and @id != $page/@id]/@id"/>
Edouard@2858:       <xsl:variable name="required_detachables" select="func:sumarized_elements($page_all_elements)/&#10;                   ancestor-or-self::*[@id = $detachable_elements/@id]"/>
Edouard@2852:       <xsl:text>  "</xsl:text>
Edouard@2794:       <xsl:value-of select="$desc/arg[1]/@value"/>
Edouard@2794:       <xsl:text>": {
Edouard@2794: </xsl:text>
Edouard@2852:       <xsl:text>    widget: hmi_widgets["</xsl:text>
Edouard@2794:       <xsl:value-of select="@id"/>
Edouard@2842:       <xsl:text>"],
Edouard@2794: </xsl:text>
Edouard@2852:       <xsl:text>    bbox: [</xsl:text>
Edouard@2808:       <xsl:value-of select="$p/@x"/>
Edouard@2808:       <xsl:text>, </xsl:text>
Edouard@2808:       <xsl:value-of select="$p/@y"/>
Edouard@2808:       <xsl:text>, </xsl:text>
Edouard@2808:       <xsl:value-of select="$p/@w"/>
Edouard@2808:       <xsl:text>, </xsl:text>
Edouard@2808:       <xsl:value-of select="$p/@h"/>
Edouard@2808:       <xsl:text>],
Edouard@2808: </xsl:text>
Edouard@2852:       <xsl:text>    widgets: [
Edouard@2794: </xsl:text>
Edouard@2838:       <xsl:for-each select="$all_page_ids">
Edouard@2852:         <xsl:text>        hmi_widgets["</xsl:text>
Edouard@2797:         <xsl:value-of select="."/>
Edouard@2833:         <xsl:text>"]</xsl:text>
Edouard@2794:         <xsl:if test="position()!=last()">
Edouard@2794:           <xsl:text>,</xsl:text>
Edouard@2794:         </xsl:if>
Edouard@2794:         <xsl:text>
Edouard@2794: </xsl:text>
Edouard@2794:       </xsl:for-each>
Edouard@2852:       <xsl:text>    ],
Edouard@2852: </xsl:text>
Edouard@2852:       <xsl:text>    required_detachables: {
edouard@2847: </xsl:text>
edouard@2847:       <xsl:for-each select="$required_detachables">
Edouard@2852:         <xsl:text>        "</xsl:text>
Edouard@2848:         <xsl:value-of select="@id"/>
Edouard@2848:         <xsl:text>": detachable_elements["</xsl:text>
Edouard@2843:         <xsl:value-of select="@id"/>
edouard@2847:         <xsl:text>"]</xsl:text>
edouard@2847:         <xsl:if test="position()!=last()">
edouard@2847:           <xsl:text>,</xsl:text>
edouard@2847:         </xsl:if>
edouard@2847:         <xsl:text>
Edouard@2843: </xsl:text>
Edouard@2843:       </xsl:for-each>
Edouard@2852:       <xsl:text>    }
Edouard@2852: </xsl:text>
Edouard@2852:       <xsl:text>  }</xsl:text>
Edouard@2797:       <xsl:if test="position()!=last()">
Edouard@2797:         <xsl:text>,</xsl:text>
Edouard@2797:       </xsl:if>
Edouard@2797:       <xsl:text>
Edouard@2797: </xsl:text>
Edouard@2793:     </xsl:for-each>
Edouard@2793:     <xsl:text>}
Edouard@2793: </xsl:text>
Edouard@2795:     <xsl:text>
Edouard@2795: </xsl:text>
Edouard@2795:     <xsl:text>var default_page = "</xsl:text>
Edouard@2795:     <xsl:value-of select="$default_page"/>
Edouard@2795:     <xsl:text>";
Edouard@2795: </xsl:text>
edouard@2847:     <xsl:text>var svg_root = id("</xsl:text>
Edouard@2808:     <xsl:value-of select="$svg_root_id"/>
Edouard@2808:     <xsl:text>");
Edouard@2808: </xsl:text>
Edouard@2793:     <xsl:text>// svghmi.js
Edouard@2793: </xsl:text>
Edouard@2793:     <xsl:text>
Edouard@2793: </xsl:text>
Edouard@2803:     <xsl:text>var cache = hmitree_types.map(_ignored =&gt; undefined);
Edouard@2803: </xsl:text>
edouard@2859:     <xsl:text>var updates = {};
edouard@2859: </xsl:text>
Edouard@2803:     <xsl:text>
Edouard@2803: </xsl:text>
Edouard@2811:     <xsl:text>function dispatch_value_to_widget(widget, index, value, oldval) {
Edouard@2811: </xsl:text>
Edouard@2834:     <xsl:text>    try {
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>        let idxidx = widget.indexes.indexOf(index);
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>        let d = widget.dispatch;
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>        if(typeof(d) == "function" &amp;&amp; idxidx == 0){
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>            d.call(widget, value, oldval);
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>        }else if(typeof(d) == "object" &amp;&amp; d.length &gt;= idxidx){
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>            d[idxidx].call(widget, value, oldval);
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>        }/* else dispatch_0, ..., dispatch_n ? */
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>        /*else {
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>            throw new Error("Dunno how to dispatch to widget at index = " + index);
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>        }*/
Edouard@2811: </xsl:text>
Edouard@2836:     <xsl:text>    } catch(err) {
Edouard@2836: </xsl:text>
Edouard@2836:     <xsl:text>        console.log(err);
Edouard@2836: </xsl:text>
Edouard@2811:     <xsl:text>    }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>}
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2798:     <xsl:text>function dispatch_value(index, value) {
Edouard@2798: </xsl:text>
Edouard@2800:     <xsl:text>    let widgets = subscribers[index];
Edouard@2800: </xsl:text>
Edouard@2800:     <xsl:text>
Edouard@2800: </xsl:text>
Edouard@2805:     <xsl:text>    let oldval = cache[index];
Edouard@2805: </xsl:text>
Edouard@2805:     <xsl:text>    cache[index] = value;
Edouard@2805: </xsl:text>
Edouard@2805:     <xsl:text>
Edouard@2805: </xsl:text>
Edouard@2803:     <xsl:text>    if(widgets.size &gt; 0) {
Edouard@2803: </xsl:text>
Edouard@2803:     <xsl:text>        for(let widget of widgets){
Edouard@2803: </xsl:text>
Edouard@2811:     <xsl:text>            dispatch_value_to_widget(widget, index, value, oldval);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>function init_widgets() {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    Object.keys(hmi_widgets).forEach(function(id) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        let widget = hmi_widgets[id];
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        let init = widget.init;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        if(typeof(init) == "function"){
Edouard@2811: </xsl:text>
Edouard@2834:     <xsl:text>            try {
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>                init.call(widget);
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>            } catch(err) {
Edouard@2834: </xsl:text>
Edouard@2836:     <xsl:text>                console.log(err);
Edouard@2834: </xsl:text>
Edouard@2834:     <xsl:text>            }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    });
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>// Open WebSocket to relative "/ws" address
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>var ws = new WebSocket(window.location.href.replace(/^http(s?:\/\/[^\/]*)\/.*$/, 'ws$1/ws'));
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>ws.binaryType = 'arraybuffer';
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>const dvgetters = {
Edouard@2811: </xsl:text>
edouard@2826:     <xsl:text>    INT: (dv,offset) =&gt; [dv.getInt16(offset, true), 2],
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>    BOOL: (dv,offset) =&gt; [dv.getInt8(offset, true), 1],
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>    STRING: (dv, offset) =&gt; {
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>        size = dv.getInt8(offset);
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>        return [
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>            String.fromCharCode.apply(null, new Uint8Array(
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>                dv.buffer, /* original buffer */
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>                offset + 1, /* string starts after size*/
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>                size /* size of string */
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>            )), size + 1]; /* total increment */
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>    }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
edouard@2859:     <xsl:text>// Apply updates recieved through ws.onmessage to subscribed widgets
edouard@2859: </xsl:text>
Edouard@2865:     <xsl:text>function apply_updates() {
Edouard@2865: </xsl:text>
Edouard@2865:     <xsl:text>    for(let index in updates){
Edouard@2865: </xsl:text>
Edouard@2865:     <xsl:text>        // serving as a key, index becomes a string
Edouard@2865: </xsl:text>
Edouard@2865:     <xsl:text>        // -&gt; pass Number(index) instead
Edouard@2865: </xsl:text>
Edouard@2865:     <xsl:text>        dispatch_value(Number(index), updates[index]);
Edouard@2865: </xsl:text>
Edouard@2865:     <xsl:text>        delete updates[index];
Edouard@2865: </xsl:text>
Edouard@2865:     <xsl:text>    }
Edouard@2865: </xsl:text>
Edouard@2865:     <xsl:text>}
Edouard@2865: </xsl:text>
Edouard@2865:     <xsl:text>
Edouard@2861: </xsl:text>
Edouard@2861:     <xsl:text>// Called on requestAnimationFrame, modifies DOM
Edouard@2861: </xsl:text>
Edouard@2865:     <xsl:text>var requestAnimationFrameID = null;
Edouard@2865: </xsl:text>
Edouard@2861:     <xsl:text>function animate() {
Edouard@2861: </xsl:text>
Edouard@2865:     <xsl:text>    // Do the page swith if any one pending
Edouard@2865: </xsl:text>
Edouard@2864:     <xsl:text>    if(current_subscribed_page != current_visible_page){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        switch_visible_page(current_subscribed_page);
Edouard@2861: </xsl:text>
Edouard@2861:     <xsl:text>    }
Edouard@2861: </xsl:text>
Edouard@2865:     <xsl:text>    apply_updates();
edouard@2859: </xsl:text>
Edouard@2864:     <xsl:text>    requestAnimationFrameID = null;
Edouard@2864: </xsl:text>
edouard@2859:     <xsl:text>}
edouard@2859: </xsl:text>
edouard@2859:     <xsl:text>
edouard@2859: </xsl:text>
Edouard@2861:     <xsl:text>function requestHMIAnimation() {
Edouard@2861: </xsl:text>
Edouard@2864:     <xsl:text>    if(requestAnimationFrameID == null){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        requestAnimationFrameID = window.requestAnimationFrame(animate);
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    }
Edouard@2861: </xsl:text>
Edouard@2861:     <xsl:text>}
Edouard@2861: </xsl:text>
Edouard@2861:     <xsl:text>
Edouard@2861: </xsl:text>
edouard@2859:     <xsl:text>// Message reception handler
edouard@2859: </xsl:text>
edouard@2859:     <xsl:text>// Hash is verified and HMI values updates resulting from binary parsing
edouard@2859: </xsl:text>
edouard@2859:     <xsl:text>// are stored until browser can compute next frame, DOM is left untouched
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>ws.onmessage = function (evt) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let data = evt.data;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let dv = new DataView(data);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let i = 0;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    try {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        for(let hash_int of hmi_hash) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            if(hash_int != dv.getUint8(i)){
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>                throw new Error("Hash doesn't match");
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            };
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            i++;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        };
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        while(i &lt; data.byteLength){
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            let index = dv.getUint32(i, true);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            i += 4;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            let iectype = hmitree_types[index];
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            if(iectype != undefined){
Edouard@2811: </xsl:text>
edouard@2826:     <xsl:text>                let dvgetter = dvgetters[iectype];
edouard@2826: </xsl:text>
edouard@2826:     <xsl:text>                let [value, bytesize] = dvgetter(dv,i);
Edouard@2811: </xsl:text>
edouard@2859:     <xsl:text>                updates[index] = value;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>                i += bytesize;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            } else {
Edouard@2811: </xsl:text>
edouard@2859:     <xsl:text>                throw new Error("Unknown index "+index);
Edouard@2803: </xsl:text>
Edouard@2803:     <xsl:text>            }
Edouard@2803: </xsl:text>
Edouard@2811:     <xsl:text>        };
Edouard@2811: </xsl:text>
edouard@2859:     <xsl:text>        // register for rendering on next frame, since there are updates
edouard@2859: </xsl:text>
Edouard@2864:     <xsl:text>        requestHMIAnimation();
edouard@2859: </xsl:text>
Edouard@2811:     <xsl:text>    } catch(err) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        // 1003 is for "Unsupported Data"
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        // ws.close(1003, err.message);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        // TODO : remove debug alert ?
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        alert("Error : "+err.message+"\nHMI will be reloaded.");
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        // force reload ignoring cache
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        location.reload(true);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>function send_blob(data) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    if(data.length &gt; 0) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        ws.send(new Blob([new Uint8Array(hmi_hash)].concat(data)));
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    };
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>const typedarray_types = {
Edouard@2811: </xsl:text>
Edouard@2829:     <xsl:text>    INT: (number) =&gt; new Int16Array([number]),
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>    BOOL: (truth) =&gt; new Int16Array([truth]),
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>    STRING: (str) =&gt; {
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>        // beremiz default string max size is 128
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>        str = str.slice(0,128);
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>        binary = new Uint8Array(str.length + 1);
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>        binary[0] = str.length;
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>        for(var i = 0; i &lt; str.length; i++){
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>            binary[i+1] = str.charCodeAt(i);
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>        }
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>        return binary;
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>    }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    /* TODO */
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>function send_reset() {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    send_blob(new Uint8Array([1])); /* reset = 1 */
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>// subscription state, as it should be in hmi server
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>// hmitree indexed array of integers
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>var subscriptions =  hmitree_types.map(_ignored =&gt; 0);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>// subscription state as needed by widget now
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>// hmitree indexed array of Sets of widgets objects
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>var subscribers = hmitree_types.map(_ignored =&gt; new Set());
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2822:     <xsl:text>// artificially subscribe the watchdog widget to "/heartbeat" hmi variable
Edouard@2822: </xsl:text>
Edouard@2829:     <xsl:text>// Since dispatch directly calls change_hmi_value,
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>// PLC will periodically send variable at given frequency
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>subscribers[heartbeat_index].add({
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>    /* type: "Watchdog", */
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>    frequency: 1,
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>    indexes: [heartbeat_index],
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>    dispatch: function(value) {
Edouard@2822: </xsl:text>
Edouard@2828:     <xsl:text>        // console.log("Heartbeat" + value);
Edouard@2822: </xsl:text>
Edouard@2829:     <xsl:text>        change_hmi_value(heartbeat_index, "+1");
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>    }
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>});
Edouard@2822: </xsl:text>
Edouard@2822:     <xsl:text>
Edouard@2822: </xsl:text>
Edouard@2811:     <xsl:text>function update_subscriptions() {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let delta = [];
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    for(let index = 0; index &lt; subscribers.length; index++){
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        let widgets = subscribers[index];
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        // periods are in ms
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        let previous_period = subscriptions[index];
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2822:     <xsl:text>        // subscribing with a zero period is unsubscribing
Edouard@2822: </xsl:text>
Edouard@2811:     <xsl:text>        let new_period = 0;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        if(widgets.size &gt; 0) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            let maxfreq = 0;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            for(let widget of widgets)
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>                if(maxfreq &lt; widget.frequency)
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>                    maxfreq = widget.frequency;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            if(maxfreq != 0)
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>                new_period = 1000/maxfreq;
Edouard@2803: </xsl:text>
Edouard@2803:     <xsl:text>        }
Edouard@2803: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        if(previous_period != new_period) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            subscriptions[index] = new_period;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            delta.push(
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>                new Uint8Array([2]), /* subscribe = 2 */
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>                new Uint32Array([index]),
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>                new Uint16Array([new_period]));
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        }
Edouard@2811: </xsl:text>
Edouard@2803:     <xsl:text>    }
Edouard@2803: </xsl:text>
Edouard@2811:     <xsl:text>    send_blob(delta);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>function send_hmi_value(index, value) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let iectype = hmitree_types[index];
Edouard@2811: </xsl:text>
Edouard@2829:     <xsl:text>    let tobinary = typedarray_types[iectype];
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    send_blob([
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        new Uint8Array([0]),  /* setval = 0 */
Edouard@2811: </xsl:text>
Edouard@2829:     <xsl:text>        new Uint32Array([index]),
Edouard@2829: </xsl:text>
Edouard@2829:     <xsl:text>        tobinary(value)]);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    cache[index] = value;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>};
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>function change_hmi_value(index, opstr) {
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let op = opstr[0];
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let given_val = opstr.slice(1);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let old_val = cache[index]
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    let new_val;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    switch(op){
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>      case "=":
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        eval("new_val"+opstr);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        break;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>      case "+":
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>      case "-":
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>      case "*":
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>      case "/":
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        if(old_val != undefined)
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>            new_val = eval("old_val"+opstr);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        break;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    if(new_val != undefined &amp;&amp; old_val != new_val)
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>        send_hmi_value(index, new_val);
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>    return new_val;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>}
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2864:     <xsl:text>var current_visible_page;
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>var current_subscribed_page;
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2843:     <xsl:text>function prepare_svg() {
Edouard@2843: </xsl:text>
edouard@2850:     <xsl:text>    for(let eltid in detachable_elements){
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>        let [element,parent] = detachable_elements[eltid];
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>        parent.removeChild(element);
Edouard@2843: </xsl:text>
Edouard@2843:     <xsl:text>    }
Edouard@2843: </xsl:text>
edouard@2850:     <xsl:text>};
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>function switch_page(page_name) {
edouard@2850: </xsl:text>
Edouard@2864:     <xsl:text>    if(current_subscribed_page != current_visible_page){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        /* page switch already going */
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        /* TODO LOG ERROR */
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        return;
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    } else if(page_name == current_visible_page){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        /* already in that page */
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        /* TODO LOG ERROR */
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        return;
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    }
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    switch_subscribed_page(page_name);
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>};
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>function switch_subscribed_page(page_name) {
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    let old_desc = page_desc[current_subscribed_page];
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    let new_desc = page_desc[page_name];
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    if(new_desc == undefined){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        /* TODO LOG ERROR */
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        return;
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    }
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    if(old_desc){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        for(let widget of old_desc.widgets){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            /* remove subsribers */
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            for(let index of widget.indexes){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>                subscribers[index].delete(widget);
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            }
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        }
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    }
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    for(let widget of new_desc.widgets){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        /* add widget's subsribers */
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        for(let index of widget.indexes){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            subscribers[index].add(widget);
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        }
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    }
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    update_subscriptions();
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    current_subscribed_page = page_name;
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    requestHMIAnimation();
Edouard@2861: </xsl:text>
Edouard@2861:     <xsl:text>}
Edouard@2861: </xsl:text>
Edouard@2861:     <xsl:text>
Edouard@2861: </xsl:text>
Edouard@2864:     <xsl:text>function switch_visible_page(page_name) {
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    let old_desc = page_desc[current_visible_page];
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>    let new_desc = page_desc[page_name];
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>    if(old_desc){
edouard@2850: </xsl:text>
Edouard@2864:     <xsl:text>        for(let eltid in old_desc.required_detachables){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            if(!(eltid in new_desc.required_detachables)){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>                let [element, parent] = old_desc.required_detachables[eltid];
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>                parent.removeChild(element);
edouard@2847: </xsl:text>
edouard@2847:     <xsl:text>            }
edouard@2847: </xsl:text>
edouard@2850:     <xsl:text>        }
edouard@2850: </xsl:text>
Edouard@2864:     <xsl:text>        for(let eltid in new_desc.required_detachables){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            if(!(eltid in old_desc.required_detachables)){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>                let [element, parent] = new_desc.required_detachables[eltid];
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>                parent.appendChild(element);
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>            }
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>        }
edouard@2850: </xsl:text>
Edouard@2864:     <xsl:text>    }else{
Edouard@2864: </xsl:text>
edouard@2850:     <xsl:text>        for(let eltid in new_desc.required_detachables){
edouard@2850: </xsl:text>
Edouard@2864:     <xsl:text>            let [element, parent] = new_desc.required_detachables[eltid];
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            parent.appendChild(element);
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>        }
edouard@2850: </xsl:text>
Edouard@2864:     <xsl:text>    }
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>    for(let widget of new_desc.widgets){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>        for(let index of widget.indexes){
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            /* dispatch current cache in newly opened page widgets */
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            let cached_val = cache[index];
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>            if(cached_val != undefined)
Edouard@2864: </xsl:text>
Edouard@2864:     <xsl:text>                dispatch_value_to_widget(widget, index, cached_val, cached_val);
edouard@2850: </xsl:text>
edouard@2850:     <xsl:text>        }
Edouard@2842: </xsl:text>
Edouard@2842:     <xsl:text>    }
Edouard@2811: </xsl:text>
Edouard@2811:     <xsl:text>
Edouard@2811: </xsl:text>
Edouard@2842:     <xsl:text>    svg_root.setAttribute('viewBox',new_desc.bbox.join(" "));
Edouard@2798: </xsl:text>
Edouard@2864:     <xsl:text>    current_visible_page = page_name;
Edouard@2798: </xsl:text>
Edouard@2798:     <xsl:text>};
Edouard@2798: </xsl:text>
Edouard@2798:     <xsl:text>
Edouard@2798: </xsl:text>
Edouard@2798:     <xsl:text>
Edouard@2798: </xsl:text>
Edouard@2798:     <xsl:text>// Once connection established
Edouard@2798: </xsl:text>
Edouard@2798:     <xsl:text>ws.onopen = function (evt) {
Edouard@2798: </xsl:text>
Edouard@2801:     <xsl:text>    init_widgets();
Edouard@2801: </xsl:text>
Edouard@2798:     <xsl:text>    send_reset();
Edouard@2798: </xsl:text>
Edouard@2798:     <xsl:text>    // show main page
Edouard@2798: </xsl:text>
Edouard@2843:     <xsl:text>    prepare_svg();
Edouard@2843: </xsl:text>
Edouard@2798:     <xsl:text>    switch_page(default_page);
Edouard@2798: </xsl:text>
Edouard@2799:     <xsl:text>};
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>ws.onclose = function (evt) {
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>    // TODO : add visible notification while waiting for reload
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>    console.log("Connection closed. code:"+evt.code+" reason:"+evt.reason+" wasClean:"+evt.wasClean+" Reload in 10s.");
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>    // TODO : re-enable auto reload when not in debug
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>    //window.setTimeout(() =&gt; location.reload(true), 10000);
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>    alert("Connection closed. code:"+evt.code+" reason:"+evt.reason+" wasClean:"+evt.wasClean+".");
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>};
Edouard@2799: </xsl:text>
Edouard@2799:     <xsl:text>//})();
Edouard@2793: </xsl:text>
Edouard@2792:   </xsl:template>
Edouard@2814:   <xsl:template mode="testgeo" match="bbox">
Edouard@2814:     <xsl:text>ID: </xsl:text>
Edouard@2814:     <xsl:value-of select="@Id"/>
Edouard@2814:     <xsl:text> x: </xsl:text>
Edouard@2814:     <xsl:value-of select="@x"/>
Edouard@2814:     <xsl:text> y: </xsl:text>
Edouard@2814:     <xsl:value-of select="@y"/>
Edouard@2814:     <xsl:text> w: </xsl:text>
Edouard@2814:     <xsl:value-of select="@w"/>
Edouard@2814:     <xsl:text> h: </xsl:text>
Edouard@2814:     <xsl:value-of select="@h"/>
Edouard@2814:     <xsl:text>
Edouard@2814: </xsl:text>
Edouard@2814:   </xsl:template>
Edouard@2814:   <xsl:template mode="testtree" match="*">
Edouard@2814:     <xsl:param name="indent" select="''"/>
Edouard@2814:     <xsl:value-of select="$indent"/>
Edouard@2814:     <xsl:text> </xsl:text>
Edouard@2814:     <xsl:value-of select="local-name()"/>
Edouard@2867:     <xsl:text> </xsl:text>
Edouard@2814:     <xsl:for-each select="@*">
Edouard@2814:       <xsl:value-of select="local-name()"/>
Edouard@2867:       <xsl:text>="</xsl:text>
Edouard@2814:       <xsl:value-of select="."/>
Edouard@2867:       <xsl:text>" </xsl:text>
Edouard@2814:     </xsl:for-each>
Edouard@2814:     <xsl:text>
Edouard@2814: </xsl:text>
Edouard@2814:     <xsl:apply-templates mode="testtree" select="*">
Edouard@2814:       <xsl:with-param name="indent">
Edouard@2814:         <xsl:value-of select="concat($indent,'&gt;')"/>
Edouard@2814:       </xsl:with-param>
Edouard@2814:     </xsl:apply-templates>
Edouard@2814:   </xsl:template>
Edouard@2808:   <xsl:template name="defs_by_labels">
Edouard@2808:     <xsl:param name="labels" select="''"/>
Edouard@2808:     <xsl:param name="mandatory" select="'yes'"/>
Edouard@2800:     <xsl:param name="hmi_element"/>
Edouard@2834:     <xsl:variable name="widget_type" select="@type"/>
Edouard@2808:     <xsl:for-each select="str:split($labels)">
Edouard@2807:       <xsl:variable name="name" select="."/>
Edouard@2854:       <xsl:variable name="elt_id" select="$result_svg_ns//*[@id = $hmi_element/@id]//*[@inkscape:label=$name][1]/@id"/>
Edouard@2836:       <xsl:choose>
Edouard@2836:         <xsl:when test="not($elt_id)">
Edouard@2836:           <xsl:if test="$mandatory='yes'">
Edouard@2836:             <xsl:message terminate="no">
Edouard@2836:               <xsl:value-of select="$widget_type"/>
Edouard@2836:               <xsl:text> widget must have a </xsl:text>
Edouard@2836:               <xsl:value-of select="$name"/>
Edouard@2836:               <xsl:text> element</xsl:text>
Edouard@2836:             </xsl:message>
Edouard@2836:           </xsl:if>
Edouard@2836:         </xsl:when>
Edouard@2836:         <xsl:otherwise>
Edouard@2852:           <xsl:text>    </xsl:text>
Edouard@2807:           <xsl:value-of select="$name"/>
edouard@2847:           <xsl:text>_elt: id("</xsl:text>
Edouard@2836:           <xsl:value-of select="$elt_id"/>
Edouard@2836:           <xsl:text>"),
Edouard@2836: </xsl:text>
Edouard@2836:         </xsl:otherwise>
Edouard@2836:       </xsl:choose>
Edouard@2807:     </xsl:for-each>
Edouard@2808:   </xsl:template>
Edouard@2808:   <xsl:template mode="widget_defs" match="widget[@type='Display']">
Edouard@2808:     <xsl:param name="hmi_element"/>
Edouard@2852:     <xsl:text>    frequency: 5,
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>    dispatch: function(value) {
Edouard@2808: </xsl:text>
Edouard@2808:     <xsl:choose>
Edouard@2808:       <xsl:when test="$hmi_element[self::svg:text]">
Edouard@2852:         <xsl:text>      this.element.textContent = String(value);
Edouard@2808: </xsl:text>
Edouard@2808:       </xsl:when>
Edouard@2808:       <xsl:otherwise>
Edouard@2834:         <xsl:message terminate="no">
Edouard@2808:           <xsl:text>Display widget as a group not implemented</xsl:text>
Edouard@2808:         </xsl:message>
Edouard@2808:       </xsl:otherwise>
Edouard@2808:     </xsl:choose>
Edouard@2852:     <xsl:text>    },
Edouard@2808: </xsl:text>
Edouard@2808:   </xsl:template>
Edouard@2808:   <xsl:template mode="widget_defs" match="widget[@type='Meter']">
Edouard@2808:     <xsl:param name="hmi_element"/>
Edouard@2852:     <xsl:text>    frequency: 10,
Edouard@2808: </xsl:text>
Edouard@2808:     <xsl:call-template name="defs_by_labels">
Edouard@2808:       <xsl:with-param name="hmi_element" select="$hmi_element"/>
Edouard@2808:       <xsl:with-param name="labels">
edouard@2856:         <xsl:text>needle range</xsl:text>
Edouard@2808:       </xsl:with-param>
Edouard@2808:     </xsl:call-template>
edouard@2856:     <xsl:call-template name="defs_by_labels">
edouard@2856:       <xsl:with-param name="hmi_element" select="$hmi_element"/>
edouard@2856:       <xsl:with-param name="labels">
edouard@2856:         <xsl:text>value min max</xsl:text>
edouard@2856:       </xsl:with-param>
edouard@2856:       <xsl:with-param name="mandatory" select="'no'"/>
edouard@2856:     </xsl:call-template>
Edouard@2852:     <xsl:text>    dispatch: function(value) {
Edouard@2852: </xsl:text>
edouard@2856:     <xsl:text>        if(this.value_elt)
edouard@2856: </xsl:text>
edouard@2856:     <xsl:text>            this.value_elt.textContent = String(value);
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>        let [min,max,totallength] = this.range;
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>        let length = Math.max(0,Math.min(totallength,(Number(value)-min)*totallength/(max-min)));
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>        let tip = this.range_elt.getPointAtLength(length);
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>        this.needle_elt.setAttribute('d', "M "+this.origin.x+","+this.origin.y+" "+tip.x+","+tip.y);
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>    },
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>    origin: undefined,
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>    range: undefined,
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>    init: function() {
Edouard@2852: </xsl:text>
edouard@2857:     <xsl:text>        let min = this.min_elt ?
edouard@2857: </xsl:text>
edouard@2857:     <xsl:text>                    Number(this.min_elt.textContent) :
edouard@2857: </xsl:text>
edouard@2857:     <xsl:text>                    this.args.length &gt;= 1 ? this.args[0] : 0;
edouard@2857: </xsl:text>
edouard@2857:     <xsl:text>        let max = this.max_elt ?
edouard@2857: </xsl:text>
edouard@2857:     <xsl:text>                    Number(this.max_elt.textContent) :
edouard@2857: </xsl:text>
edouard@2857:     <xsl:text>                    this.args.length &gt;= 2 ? this.args[1] : 100;
edouard@2856: </xsl:text>
edouard@2856:     <xsl:text>        this.range = [min, max, this.range_elt.getTotalLength()]
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>        this.origin = this.needle_elt.getPointAtLength(0);
Edouard@2852: </xsl:text>
Edouard@2852:     <xsl:text>    },
Edouard@2807: </xsl:text>
Edouard@2800:   </xsl:template>
Edouard@2829:   <func:function name="func:escape_quotes">
Edouard@2829:     <xsl:param name="txt"/>
Edouard@2829:     <xsl:variable name="frst" select="substring-before($txt,'&quot;')"/>
Edouard@2829:     <xsl:variable name="frstln" select="string-length($frst)"/>
Edouard@2829:     <xsl:choose>
Edouard@2829:       <xsl:when test="$frstln &gt; 0 and string-length($txt) &gt; $frstln">
Edouard@2829:         <func:result select="concat($frst,'\&quot;',func:escape_quotes(substring-after($txt,'&quot;')))"/>
Edouard@2829:       </xsl:when>
Edouard@2829:       <xsl:otherwise>
Edouard@2829:         <func:result select="$txt"/>
Edouard@2829:       </xsl:otherwise>
Edouard@2829:     </xsl:choose>
Edouard@2829:   </func:function>
Edouard@2800:   <xsl:template mode="widget_defs" match="widget[@type='Input']">
Edouard@2801:     <xsl:param name="hmi_element"/>
Edouard@2836:     <xsl:variable name="value_elt">
Edouard@2836:       <xsl:call-template name="defs_by_labels">
Edouard@2836:         <xsl:with-param name="hmi_element" select="$hmi_element"/>
Edouard@2836:         <xsl:with-param name="labels">
Edouard@2836:           <xsl:text>value</xsl:text>
Edouard@2836:         </xsl:with-param>
Edouard@2836:         <xsl:with-param name="mandatory" select="'no'"/>
Edouard@2836:       </xsl:call-template>
Edouard@2836:     </xsl:variable>
Edouard@2861:     <xsl:variable name="have_value" select="string-length($value_elt)&gt;0"/>
Edouard@2836:     <xsl:value-of select="$value_elt"/>
Edouard@2861:     <xsl:if test="$have_value">
edouard@2851:       <xsl:text>    frequency: 5,
Edouard@2836: </xsl:text>
Edouard@2836:     </xsl:if>
edouard@2851:     <xsl:text>    dispatch: function(value) {
Edouard@2801: </xsl:text>
Edouard@2861:     <xsl:if test="$have_value">
edouard@2851:       <xsl:text>        this.value_elt.textContent = String(value);
Edouard@2836: </xsl:text>
Edouard@2836:     </xsl:if>
edouard@2851:     <xsl:text>    },
Edouard@2801: </xsl:text>
Edouard@2801:     <xsl:variable name="edit_elt_id" select="$hmi_element/*[@inkscape:label='edit'][1]/@id"/>
edouard@2851:     <xsl:text>    init: function() {
Edouard@2801: </xsl:text>
Edouard@2801:     <xsl:if test="$edit_elt_id">
edouard@2851:       <xsl:text>        id("</xsl:text>
Edouard@2801:       <xsl:value-of select="$edit_elt_id"/>
Edouard@2801:       <xsl:text>").addEventListener(
Edouard@2801: </xsl:text>
edouard@2851:       <xsl:text>            "click", 
edouard@2851: </xsl:text>
edouard@2851:       <xsl:text>            evt =&gt; alert('XXX TODO : Edit value'));
Edouard@2801: </xsl:text>
Edouard@2801:     </xsl:if>
Edouard@2829:     <xsl:for-each select="$hmi_element/*[regexp:test(@inkscape:label,'^[=+\-].+')]">
edouard@2851:       <xsl:text>        id("</xsl:text>
Edouard@2801:       <xsl:value-of select="@id"/>
Edouard@2801:       <xsl:text>").addEventListener(
Edouard@2801: </xsl:text>
edouard@2851:       <xsl:text>            "click", 
edouard@2851: </xsl:text>
edouard@2851:       <xsl:text>            evt =&gt; {let new_val = change_hmi_value(this.indexes[0], "</xsl:text>
Edouard@2829:       <xsl:value-of select="func:escape_quotes(@inkscape:label)"/>
Edouard@2806:       <xsl:text>");
Edouard@2806: </xsl:text>
Edouard@2861:       <xsl:if test="$have_value">
Edouard@2861:         <xsl:text>                    this.value_elt.textContent = String(new_val);
Edouard@2861: </xsl:text>
Edouard@2861:       </xsl:if>
Edouard@2861:       <xsl:text>                   });
Edouard@2801: </xsl:text>
Edouard@2801:     </xsl:for-each>
edouard@2851:     <xsl:text>    },
Edouard@2801: </xsl:text>
Edouard@2801:   </xsl:template>
Edouard@2801:   <xsl:template mode="widget_defs" match="widget[@type='Button']"/>
Edouard@2801:   <xsl:template mode="widget_defs" match="widget[@type='Toggle']">
Edouard@2800:     <xsl:text>    frequency: 5,
Edouard@2800: </xsl:text>
Edouard@2797:   </xsl:template>
Edouard@2839:   <xsl:template mode="widget_defs" match="widget[@type='Switch']">
Edouard@2839:     <xsl:param name="hmi_element"/>
edouard@2851:     <xsl:text>    frequency: 5,
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>    dispatch: function(value) {
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>        for(let choice of this.choices){
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>            if(value != choice.value){
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>                choice.elt.setAttribute("style", "display:none");
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>            } else {
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>                choice.elt.setAttribute("style", choice.style);
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>            }
Edouard@2839: </xsl:text>
Edouard@2839:     <xsl:text>        }
Edouard@2839: </xsl:text>
edouard@2851:     <xsl:text>    },
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>    init: function() {
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>        // Hello Switch
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>    },
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>    choices: [
Edouard@2839: </xsl:text>
Edouard@2839:     <xsl:variable name="regex" select="'^(&quot;[^&quot;].*&quot;|\-?[0-9]+)(#.*)?$'"/>
Edouard@2839:     <xsl:for-each select="$hmi_element/*[regexp:test(@inkscape:label,$regex)]">
Edouard@2839:       <xsl:variable name="literal" select="regexp:match(@inkscape:label,$regex)[2]"/>
edouard@2851:       <xsl:text>        {
edouard@2851: </xsl:text>
edouard@2851:       <xsl:text>            elt:id("</xsl:text>
Edouard@2839:       <xsl:value-of select="@id"/>
Edouard@2839:       <xsl:text>"),
Edouard@2839: </xsl:text>
edouard@2851:       <xsl:text>            style:"</xsl:text>
Edouard@2839:       <xsl:value-of select="@style"/>
Edouard@2839:       <xsl:text>",
Edouard@2839: </xsl:text>
edouard@2851:       <xsl:text>            value:</xsl:text>
Edouard@2839:       <xsl:value-of select="$literal"/>
Edouard@2839:       <xsl:text>
Edouard@2839: </xsl:text>
edouard@2851:       <xsl:text>        }</xsl:text>
Edouard@2839:       <xsl:if test="position()!=last()">
Edouard@2839:         <xsl:text>,</xsl:text>
Edouard@2839:       </xsl:if>
Edouard@2839:       <xsl:text>
Edouard@2839: </xsl:text>
Edouard@2839:     </xsl:for-each>
edouard@2851:     <xsl:text>    ],
Edouard@2801: </xsl:text>
Edouard@2801:   </xsl:template>
Edouard@2808:   <xsl:template mode="widget_defs" match="widget[@type='Jump']">
Edouard@2838:     <xsl:param name="hmi_element"/>
edouard@2851:     <xsl:text>    on_click: function(evt) {
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>        switch_page(this.args[0]);
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>    },
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>    init: function() {
edouard@2851: </xsl:text>
edouard@2851:     <xsl:text>        this.element.setAttribute("onclick", "hmi_widgets['</xsl:text>
Edouard@2838:     <xsl:value-of select="$hmi_element/@id"/>
Edouard@2839:     <xsl:text>'].on_click(evt)");
Edouard@2808: </xsl:text>
edouard@2851:     <xsl:text>    },
Edouard@2808: </xsl:text>
Edouard@2808:   </xsl:template>
Edouard@2753: </xsl:stylesheet>