tdf#131416 How to read syntax diagrams

Change-Id: Ic8ec05c75658f600f5ea1509acb482cc3db5d796
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/98343
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>

2 files changed, 79 insertions, 0 deletions

diff --git a/source/media/helpimg/sbasic/a_statement.svg b/source/media/helpimg/sbasic/a_statement.svg
new file mode 100644
index 0000000000..866ed215cb
--- /dev/null
+++ b/source/media/helpimg/sbasic/a_statement.svg
@@ -0,0 +1,44 @@
+<svg class="railroad-diagram" height="155" viewBox="0 0 567.0 155" width="567.0" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(.5 .5)">
+<style>/* <![CDATA[ */
+    svg.railroad-diagram {
+        background-color:transparent;
+    }
+    svg.railroad-diagram path {
+        stroke-width:1;
+        stroke:black;
+        fill:rgba(0,0,0,0);
+    }
+    svg.railroad-diagram text {
+        font:bold 14px monospace;
+        font-family: Verdana, sans-serif;
+        text-anchor:middle;
+    }
+    svg.railroad-diagram text.label{
+        text-anchor:start;
+    }
+    svg.railroad-diagram text.comment{
+        font:italic 12px monospace;
+    }
+    svg.railroad-diagram rect{
+        stroke-width:1;
+        stroke:black;
+        fill:transparent;
+    }
+
+/* ]]> */
+</style><g>
+<path d="M20 41v20m10 -20v20m-10 -10h20"></path></g><path d="M40 51h10"></path><g>
+<path d="M50 51h0.0"></path><path d="M517.0 51h0.0"></path><g>
+<path d="M50.0 51h0.0"></path><path d="M377.5 51h0.0"></path><path d="M50.0 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M80.0 20h267.5"></path></g><path d="M347.5 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M50.0 51h30"></path><g>
+<path d="M80.0 51h0.0"></path><path d="M347.5 51h0.0"></path><path d="M80.0 51h15"></path><g>
+<path d="M95.0 51h0.0"></path><path d="M332.5 51h0.0"></path><g>
+<path d="M95.0 51h0.0"></path><path d="M226.0 51h0.0"></path><path d="M95.0 51h30"></path><g>
+<path d="M125.0 51h71.0"></path></g><path d="M196.0 51h30"></path><path d="M95.0 51a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M125.0 82h0.0"></path><path d="M196.0 82h0.0"></path><rect height="22" rx="10" ry="10" width="71.0" x="125.0" y="71"></rect><text x="160.5" y="86">label:</text></g><path d="M196.0 82a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><path d="M226.0 51h10"></path><g class="terminal">
+<path d="M236.0 51h0.0"></path><path d="M332.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="236.0" y="40"></rect><text x="284.25" y="55">statement</text></g></g><path d="M332.5 51h15"></path><path d="M95.0 51a15 15 0 0 0 -15 15v43a15 15 0 0 0 15 15"></path><g class="terminal">
+<path d="M95.0 124h104.5"></path><path d="M228.0 124h104.5"></path><rect height="22" rx="10" ry="10" width="28.5" x="199.5" y="113"></rect><text x="213.75" y="128">:</text></g><path d="M332.5 124a15 15 0 0 0 15 -15v-43a15 15 0 0 0 -15 -15"></path></g><path d="M347.5 51h30"></path></g><g>
+<path d="M377.5 51h0.0"></path><path d="M517.0 51h0.0"></path><path d="M377.5 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
+<path d="M407.5 20h79.5"></path></g><path d="M487.0 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M377.5 51h30"></path><g class="non-terminal">
+<path d="M407.5 51h0.0"></path><path d="M487.0 51h0.0"></path><rect height="22" width="79.5" x="407.5" y="40"></rect><text x="447.25" y="55">comment</text></g><path d="M487.0 51h30"></path></g></g><path d="M517.0 51h10"></path><path d="M 527.0 51 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
\ No newline at end of file
diff --git a/source/media/helpimg/sbasic/comment_fragment.svg b/source/media/helpimg/sbasic/comment_fragment.svg
new file mode 100644
index 0000000000..b3b035cc01
--- /dev/null
+++ b/source/media/helpimg/sbasic/comment_fragment.svg
@@ -0,0 +1,35 @@
+<svg class="railroad-diagram" height="104" viewBox="0 0 302.0 104" width="302.0" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(.5 .5)">
+<style>/* <![CDATA[ */
+    svg.railroad-diagram {
+        background-color:transparent;
+    }
+    svg.railroad-diagram path {
+        stroke-width:1;
+        stroke:black;
+        fill:rgba(0,0,0,0);
+    }
+    svg.railroad-diagram text {
+        font:bold 14px monospace;
+        font-family: Verdana, sans-serif;
+        text-anchor:middle;
+    }
+    svg.railroad-diagram text.label{
+        text-anchor:start;
+    }
+    svg.railroad-diagram text.comment{
+        font:italic 12px monospace;
+    }
+    svg.railroad-diagram rect{
+        stroke-width:1;
+        stroke:black;
+        fill:transparent;
+    }
+
+/* ]]> */
+</style><g>
+<path d="M20 63v20m0 -10h20"></path></g><g>
+<path d="M40 73h0.0"></path><path d="M145.5 73h0.0"></path><path d="M40.0 73a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path><g class="terminal">
+<path d="M70.0 31h0.0"></path><path d="M115.5 31h0.0"></path><rect height="22" rx="10" ry="10" width="45.5" x="70.0" y="20"></rect><text x="92.75" y="35">REM</text></g><path d="M115.5 31a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><path d="M40.0 73h30"></path><g class="terminal">
+<path d="M70.0 73h8.5"></path><path d="M107.0 73h8.5"></path><rect height="22" rx="10" ry="10" width="28.5" x="78.5" y="62"></rect><text x="92.75" y="77">'</text></g><path d="M115.5 73h30"></path></g><path d="M145.5 73h10"></path><g class="terminal">
+<path d="M155.5 73h0.0"></path><path d="M252.0 73h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="155.5" y="62"></rect><text x="203.75" y="77">some&#95;text</text></g><path d="M252.0 73h10"></path><path d="M 262.0 73 h 20 m 0 -10 v 20"></path></g></svg>
\ No newline at end of file