author | Edouard Tisserant <edouard.tisserant@gmail.com> |
Fri, 08 May 2020 16:51:43 +0200 | |
branch | svghmi |
changeset 2949 | e50908ddec60 |
parent 2941 | ef13a4007538 |
child 2967 | fc5fbf087b93 |
permissions | -rw-r--r-- |
2878 | 1 |
// inline_svg.ysl2 |
2 |
// |
|
3 |
// Produce Inline SVG element of resulting XHTML page. |
|
2779
75c6a31caca6
SVGHMI: Work In Progress : fixed pointer types in ctypes interface, cleaned up server startup and cleanup code, changed document type to XHTML, cleaner JS script : encapsulated in a function and in CDATA.
Edouard Tisserant
parents:
2763
diff
changeset
|
4 |
|
2937
9226a830fbc3
SVGHMI: moving code wher it belongs, and reformulate some declarations for better readability.
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2909
diff
changeset
|
5 |
// Since stylesheet output namespace is xhtml, templates that output svg have to be explicitely declared as such |
9226a830fbc3
SVGHMI: moving code wher it belongs, and reformulate some declarations for better readability.
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2909
diff
changeset
|
6 |
in xsl decl svgtmpl(match, xmlns="http://www.w3.org/2000/svg") alias template; |
9226a830fbc3
SVGHMI: moving code wher it belongs, and reformulate some declarations for better readability.
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2909
diff
changeset
|
7 |
in xsl decl svgfunc(name, xmlns="http://www.w3.org/2000/svg") alias template; |
9226a830fbc3
SVGHMI: moving code wher it belongs, and reformulate some declarations for better readability.
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2909
diff
changeset
|
8 |
|
9226a830fbc3
SVGHMI: moving code wher it belongs, and reformulate some declarations for better readability.
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2909
diff
changeset
|
9 |
|
2878 | 10 |
// Identity template : |
11 |
// - copy every attributes |
|
12 |
// - copy every sub-elements |
|
13 |
template "@* | node()", mode="inline_svg" { |
|
14 |
// use real xsl:copy instead copy-of alias from yslt.yml2 |
|
15 |
if "not(@id = $discardable_elements/@id)" |
|
16 |
xsl:copy apply "@* | node()", mode="inline_svg"; |
|
17 |
} |
|
2792
0c0d3895b036
SVGHMI: moved/fixed some templates, avoided namespace problems, added parsing of HMI:* inkscape labels
Edouard Tisserant
parents:
2791
diff
changeset
|
18 |
|
2878 | 19 |
// replaces inkscape's height and width hints. forces fit |
20 |
template "svg:svg/@width", mode="inline_svg"; |
|
21 |
template "svg:svg/@height", mode="inline_svg"; |
|
22 |
svgtmpl "svg:svg", mode="inline_svg" svg { |
|
23 |
attrib "preserveAspectRatio" > none |
|
24 |
attrib "height" > 100vh |
|
25 |
attrib "width" > 100vw |
|
26 |
apply "@* | node()", mode="inline_svg"; |
|
27 |
} |
|
28 |
// ensure that coordinate in CSV file generated by inkscape are in default reference frame |
|
29 |
template "svg:svg[@viewBox!=concat('0 0 ', @width, ' ', @height)]", mode="inline_svg" { |
|
30 |
error > ViewBox settings other than X=0, Y=0 and Scale=1 are not supported |
|
31 |
} |
|
32 |
// ensure that coordinate in CSV file generated by inkscape match svg default unit |
|
33 |
template "sodipodi:namedview[@units!='px' or @inkscape:document-units!='px']", mode="inline_svg" { |
|
34 |
error > All units must be set to "px" in Inkscape's document properties |
|
35 |
} |
|
2792
0c0d3895b036
SVGHMI: moved/fixed some templates, avoided namespace problems, added parsing of HMI:* inkscape labels
Edouard Tisserant
parents:
2791
diff
changeset
|
36 |
|
2941
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
37 |
////// Clone unlinking |
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
38 |
// |
2878 | 39 |
// svg:use (inkscape's clones) inside a widgets are |
40 |
// replaced by real elements they refer in order to : |
|
41 |
// - allow finding "needle" element in "meter" widget, |
|
42 |
// even if "needle" is in a group refered by a svg use. |
|
43 |
// - if "needle" is visible through a svg:use for |
|
44 |
// each instance of the widget, then needle would show |
|
45 |
// the same position in all instances |
|
46 |
// |
|
47 |
// For now, clone unlinkink applies to descendants of all widget except HMI:Page |
|
48 |
// TODO: narrow application of clone unlinking to active elements, |
|
49 |
// while keeping static decoration cloned |
|
50 |
const "to_unlink", "$hmi_elements[not(@id = $hmi_pages)]//svg:use"; |
|
51 |
svgtmpl "svg:use", mode="inline_svg" |
|
52 |
{ |
|
53 |
choose { |
|
54 |
when "@id = $to_unlink/@id" |
|
55 |
call "unlink_clone"; |
|
56 |
otherwise |
|
57 |
xsl:copy apply "@* | node()", mode="inline_svg"; |
|
58 |
} |
|
59 |
} |
|
2877
682bce953795
SVGHMI: detachable_elements.ysl2 becomes detachable_pages.ysl2, and includes logic to process pages elements. Other minor code moves.
Edouard Tisserant
parents:
2876
diff
changeset
|
60 |
|
2878 | 61 |
// to unlink a clone, an group containing a copy of target element is created |
62 |
// that way, style and transforms can be preserved |
|
63 |
const "_excluded_use_attrs" { |
|
64 |
name > href |
|
65 |
name > width |
|
66 |
name > height |
|
67 |
name > x |
|
68 |
name > y |
|
69 |
} |
|
70 |
const "excluded_use_attrs","exsl:node-set($_excluded_use_attrs)"; |
|
2794
c10069a02ed0
SVGHMI: deduce pages content out of geometry (elements contained in page bounding box are in)
Edouard Tisserant
parents:
2793
diff
changeset
|
71 |
|
2878 | 72 |
svgfunc "unlink_clone"{ |
73 |
g{ |
|
74 |
// include non excluded attributes |
|
75 |
foreach "@*[not(local-name() = $excluded_use_attrs/name)]" |
|
76 |
attrib "{name()}" > «.» |
|
2853 | 77 |
|
2878 | 78 |
const "targetid","substring-after(@xlink:href,'#')"; |
79 |
apply "//svg:*[@id = $targetid]", mode="unlink_clone"{ |
|
80 |
with "seed","@id"; |
|
2854
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
81 |
} |
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
82 |
} |
2878 | 83 |
} |
2854
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
84 |
|
2878 | 85 |
// clone unlinking is really similar to deep-copy |
86 |
// all nodes are sytematically copied |
|
87 |
svgtmpl "@id", mode="unlink_clone" { |
|
88 |
param "seed"; |
|
89 |
attrib "id" > «$seed»_«.» |
|
90 |
} |
|
2854
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
91 |
|
2878 | 92 |
svgtmpl "@*", mode="unlink_clone" xsl:copy; |
2854
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
93 |
|
2878 | 94 |
// copying widgets would have unwanted effect |
95 |
// instead widget is refered through a svg:use. |
|
96 |
svgtmpl "svg:*", mode="unlink_clone" { |
|
97 |
param "seed"; |
|
98 |
choose { |
|
99 |
// node recursive copy ends when finding a widget |
|
100 |
when "@id = $hmi_elements/@id" { |
|
101 |
// place a clone instead of copying |
|
102 |
use{ |
|
103 |
attrib "xlink:href" > «concat('#',@id)» |
|
104 |
} |
|
105 |
} |
|
106 |
otherwise { |
|
107 |
xsl:copy apply "@* | node()", mode="unlink_clone" { |
|
108 |
with "seed","$seed"; |
|
2854
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
109 |
} |
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
110 |
} |
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
111 |
} |
2878 | 112 |
} |
2854
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
113 |
|
2878 | 114 |
const "result_svg" apply "/", mode="inline_svg"; |
115 |
const "result_svg_ns", "exsl:node-set($result_svg)"; |
|
2854
c7d5f46cc306
SVGHMI: unlink clones (i.e. deep copy elements refered by svg:use) inside widget.
Edouard Tisserant
parents:
2853
diff
changeset
|
116 |
|
2941
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
117 |
emit "preamble:inline-svg" { |
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
118 |
| let id = document.getElementById.bind(document); |
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
119 |
| var svg_root = id("«$svg/@id»"); |
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
120 |
} |
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
121 |
|
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
122 |
emit "debug:clone-unlinking" { |
ef13a4007538
SVGHMI: spread JS code from svghmi/scripts.ysl2 in other .ysl2 files, using dedicated preamble and epilogue namespaces
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2940
diff
changeset
|
123 |
| |
2904
92d115d8828d
SVGHMI: collect debug data through xslt reflectivity instead of yml2/python trick
Edouard Tisserant <edouard.tisserant@gmail.com>
parents:
2878
diff
changeset
|
124 |
| Unlinked : |
2878 | 125 |
foreach "$to_unlink"{ |
126 |
| «@id» |
|
2808
dc78ffa5253d
SVGHMI: SVG viewport now defined so that HMI take scales and fit to the view. Implemented page switch through viewport change, no hiding of widget for now.
Edouard Tisserant
parents:
2807
diff
changeset
|
127 |
} |
2753
9a7e12e96399
SVGHMI: Added XSLT transformation, Makefile to get XSLT from ysl2 (copy of plcopen/Makefile) and a minimal stylesheet to start with.
Edouard Tisserant
parents:
diff
changeset
|
128 |
} |