tdf#161883 Fix to IF Basic statement syntax diagram

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

2 files changed, 107 insertions, 61 deletions

diff --git a/source/media/helpimg/sbasic/ElseIf_fragment.svg b/source/media/helpimg/sbasic/ElseIf_fragment.svg
deleted file mode 100644
index 49759d4412..0000000000
--- a/source/media/helpimg/sbasic/ElseIf_fragment.svg
+++ /dev/null
@@ -1,42 +0,0 @@
-<svg class="railroad-diagram" height="144" viewBox="0 0 623.5 144" width="623.5" 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 41v20m0 -10h20"></path></g><g>
-<path d="M40 51h0.0"></path><path d="M583.5 51h0.0"></path><path d="M40.0 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
-<path d="M70.0 20h483.5"></path></g><path d="M553.5 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M40.0 51h30"></path><g>
-<path d="M70.0 51h0.0"></path><path d="M553.5 51h0.0"></path><path d="M70.0 51h15"></path><g>
-<path d="M85.0 51h0.0"></path><path d="M538.5 51h0.0"></path><g>
-<path d="M85.0 51h0.0"></path><path d="M224.5 51h0.0"></path><path d="M85.0 51h30"></path><g class="terminal">
-<path d="M115.0 51h4.25"></path><path d="M190.25 51h4.25"></path><rect height="22" rx="10" ry="10" width="71.0" x="119.25" y="40"></rect><text x="154.75" y="55">ElseIf</text></g><path d="M194.5 51h30"></path><path d="M85.0 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
-<path d="M115.0 93h0.0"></path><path d="M194.5 93h0.0"></path><rect height="22" rx="10" ry="10" width="79.5" x="115.0" y="82"></rect><text x="154.75" y="97">Else If</text></g><path d="M194.5 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M224.5 51h10"></path><g class="terminal">
-<path d="M234.5 51h0.0"></path><path d="M339.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="234.5" y="40"></rect><text x="287.0" y="55">expression</text></g><path d="M339.5 51h10"></path><path d="M349.5 51h10"></path><g class="terminal">
-<path d="M359.5 51h0.0"></path><path d="M413.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="359.5" y="40"></rect><text x="386.5" y="55">Then</text></g><path d="M413.5 51h10"></path><path d="M423.5 51h10"></path><g class="terminal">
-<path d="M433.5 51h0.0"></path><path d="M538.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="433.5" y="40"></rect><text x="486.0" y="55">statements</text></g></g><path d="M538.5 51h15"></path><path d="M85.0 51a15 15 0 0 0 -15 15v43a15 15 0 0 0 15 15"></path><g>
-<path d="M85.0 124h453.5"></path></g><path d="M538.5 124a15 15 0 0 0 15 -15v-43a15 15 0 0 0 -15 -15"></path></g><path d="M553.5 51h30"></path></g><path d="M 583.5 51 h 20 m 0 -10 v 20"></path></g></svg>
\ No newline at end of file
diff --git a/source/media/helpimg/sbasic/If_statement.svg b/source/media/helpimg/sbasic/If_statement.svg
index cd37c12b5d..c7a41b1bee 100644
--- a/source/media/helpimg/sbasic/If_statement.svg
+++ b/source/media/helpimg/sbasic/If_statement.svg
@@ -1,6 +1,109 @@
-<svg class="railroad-diagram" height="124" viewBox="0 0 825.5 124" width="825.5" xmlns="http://www.w3.org/2000/svg">
+<svg class="railroad-diagram" width="764" height="101" viewBox="0 0 764 101" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g transform="translate(.5 .5)">
-<style>/* <![CDATA[ */
+<g>
+<path d="M20 30v20m10 -20v20m-10 -10h20"></path>
+</g>
+<path d="M40 40h10"></path>
+<g class="terminal ">
+<path d="M50 40h0"></path>
+<path d="M86 40h0"></path>
+<rect x="50" y="29" width="36" height="22" rx="10" ry="10"></rect>
+<text x="68" y="44">If</text>
+</g>
+<path d="M86 40h10"></path>
+<path d="M96 40h10"></path>
+<g>
+<path d="M106 40h0"></path>
+<path d="M410 40h0"></path>
+<path d="M106 40h10"></path>
+<g>
+<path d="M116 40h0"></path>
+<path d="M400 40h0"></path>
+<g class="terminal ">
+<path d="M116 40h0"></path>
+<path d="M208 40h0"></path>
+<rect x="116" y="29" width="92" height="22" rx="10" ry="10"></rect>
+<text x="162" y="44">condition</text>
+</g>
+<path d="M208 40h10"></path>
+<path d="M218 40h10"></path>
+<g class="terminal ">
+<path d="M228 40h0"></path>
+<path d="M280 40h0"></path>
+<rect x="228" y="29" width="52" height="22" rx="10" ry="10"></rect>
+<text x="254" y="44">Then</text>
+</g>
+<path d="M280 40h10"></path>
+<path d="M290 40h10"></path>
+<g class="terminal ">
+<path d="M300 40h0"></path>
+<path d="M400 40h0"></path>
+<rect x="300" y="29" width="100" height="22" rx="10" ry="10"></rect>
+<text x="350" y="44">statements</text>
+</g>
+</g>
+<path d="M400 40h10"></path>
+<path d="M116 40a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10"></path>
+<g class="terminal ">
+<path d="M116 70h108"></path>
+<path d="M292 70h108"></path>
+<rect x="224" y="59" width="68" height="22" rx="10" ry="10"></rect>
+<text x="258" y="74">ElseIf</text>
+</g>
+<path d="M400 70a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10"></path>
+</g>
+<path d="M410 40h10"></path>
+<g>
+<path d="M420 40h0"></path>
+<path d="M576 40h0"></path>
+<path d="M420 40h20"></path>
+<g>
+<path d="M440 40h116"></path>
+</g>
+<path d="M556 40h20"></path>
+<path d="M420 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
+<g class="non-terminal ">
+<path d="M440 60h0"></path>
+<path d="M556 60h0"></path>
+<rect x="440" y="49" width="116" height="22"></rect>
+<text x="498" y="64">Else options</text>
+</g>
+<path d="M556 60a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
+</g>
+<g>
+<path d="M576 40h0"></path>
+<path d="M724 40h0"></path>
+<path d="M576 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
+<g>
+<path d="M596 20h108"></path>
+</g>
+<path d="M704 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
+<path d="M576 40h20"></path>
+<g>
+<path d="M596 40h0"></path>
+<path d="M704 40h0"></path>
+<path d="M596 40h20"></path>
+<g class="terminal ">
+<path d="M616 40h4"></path>
+<path d="M680 40h4"></path>
+<rect x="620" y="29" width="60" height="22" rx="10" ry="10"></rect>
+<text x="650" y="44">EndIf</text>
+</g>
+<path d="M684 40h20"></path>
+<path d="M596 40a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
+<g class="terminal ">
+<path d="M616 70h0"></path>
+<path d="M684 70h0"></path>
+<rect x="616" y="59" width="68" height="22" rx="10" ry="10"></rect>
+<text x="650" y="74">End If</text>
+</g>
+<path d="M684 70a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
+</g>
+<path d="M704 40h20"></path>
+</g>
+<path d="M 724 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
+</g>
+<style>
     svg.railroad-diagram {
         background-color:transparent;
     }
@@ -24,20 +127,5 @@
         stroke-width:1;
         stroke:black;
         fill:transparent;
-    }
-
-/* ]]> */
-</style><g>
-<path d="M20 41v20m10 -20v20m-10 -10h20"></path></g><path d="M40 51h10"></path><g class="terminal">
-<path d="M50 51h0.0"></path><path d="M87.0 51h0.0"></path><rect height="22" rx="10" ry="10" width="37.0" x="50.0" y="40"></rect><text x="68.5" y="55">If</text></g><path d="M87.0 51h10"></path><path d="M97.0 51h10"></path><g class="terminal">
-<path d="M107.0 51h0.0"></path><path d="M203.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="96.5" x="107.0" y="40"></rect><text x="155.25" y="55">condition</text></g><path d="M203.5 51h10"></path><path d="M213.5 51h10"></path><g class="terminal">
-<path d="M223.5 51h0.0"></path><path d="M277.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="54.0" x="223.5" y="40"></rect><text x="250.5" y="55">Then</text></g><path d="M277.5 51h10"></path><path d="M287.5 51h10"></path><g class="terminal">
-<path d="M297.5 51h0.0"></path><path d="M402.5 51h0.0"></path><rect height="22" rx="10" ry="10" width="105.0" x="297.5" y="40"></rect><text x="350.0" y="55">statements</text></g><path d="M402.5 51h10"></path><g>
-<path d="M412.5 51h0.0"></path><path d="M594.5 51h0.0"></path><path d="M412.5 51h30"></path><g>
-<path d="M442.5 51h122.0"></path></g><path d="M564.5 51h30"></path><path d="M412.5 51a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><g class="non-terminal">
-<path d="M442.5 82h0.0"></path><path d="M564.5 82h0.0"></path><rect height="22" width="122.0" x="442.5" y="71"></rect><text x="503.5" y="86">Else options</text></g><path d="M564.5 82a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path></g><g>
-<path d="M594.5 51h0.0"></path><path d="M785.5 51h0.0"></path><path d="M594.5 51a15 15 0 0 0 15 -15v-1a15 15 0 0 1 15 -15"></path><g>
-<path d="M624.5 20h131.0"></path></g><path d="M755.5 20a15 15 0 0 1 15 15v1a15 15 0 0 0 15 15"></path><path d="M594.5 51h30"></path><g>
-<path d="M624.5 51h0.0"></path><path d="M755.5 51h0.0"></path><path d="M624.5 51h30"></path><g class="terminal">
-<path d="M654.5 51h4.25"></path><path d="M721.25 51h4.25"></path><rect height="22" rx="10" ry="10" width="62.5" x="658.75" y="40"></rect><text x="690.0" y="55">EndIf</text></g><path d="M725.5 51h30"></path><path d="M624.5 51a15 15 0 0 1 15 15v12a15 15 0 0 0 15 15"></path><g class="terminal">
-<path d="M654.5 93h0.0"></path><path d="M725.5 93h0.0"></path><rect height="22" rx="10" ry="10" width="71.0" x="654.5" y="82"></rect><text x="690.0" y="97">End If</text></g><path d="M725.5 93a15 15 0 0 0 15 -15v-12a15 15 0 0 1 15 -15"></path></g><path d="M755.5 51h30"></path></g><path d="M 785.5 51 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g></svg>
\ No newline at end of file
+    }</style>
+</svg>