python/jinjax
1
0
Fork 0
Code Issues Activity
jinjax/docs/static/img/anatomy-en.svg
Daniel Baumann 5ea73fcab5
Adding upstream version 0.46. 
Signed-off-by: Daniel Baumann <daniel@debian.org>
2025-02-05 18:42:15 +01:00

347 lines
11 KiB
XML
Raw Blame History

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="420"
height="440"
version="1.1"
viewBox="0 0 420 440"
id="svg151"
sodipodi:docname="anatomy-en.svg"
inkscape:export-filename="/media/data/anatomy-en.png"
inkscape:export-xdpi="223.41818"
inkscape:export-ydpi="223.41818"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview153"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="2.3136364"
inkscape:cx="172.45579"
inkscape:cy="357.66208"
inkscape:window-width="1280"
inkscape:window-height="740"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg151" />
<defs
id="defs5">
<marker
id="TriangleStart"
overflow="visible"
markerHeight="2.6867051"
markerWidth="2.3239999"
orient="auto-start-reverse"
preserveAspectRatio="xMidYMid"
viewBox="0 0 5.3244081 6.1553851">
<path
transform="scale(.6)"
d="m5.8 0-8.6 5v-10z"
fill="context-stroke"
fill-rule="evenodd"
stroke="context-stroke"
stroke-width="1pt"
id="path2" />
</marker>
</defs>
<rect
width="420"
height="440"
fill="#ffffff"
fill-opacity="0.85"
stroke="#dddddd"
id="rect7"
x="0.40752804"
y="1.6170791"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418" />
<path
d="m17 98h320"
stroke="#555"
stroke-width="1px"
id="path9"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418" />
<text
id="code"
fill="#444444"
font-family="'SF Mono', Monaco, monospace"
font-size="11px"
font-weight="bold"
stroke-width="1.4"
style="line-height:1.25;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418"><tspan
sodipodi:role="line"
id="tspan83456"
x="17"
y="90"><tspan
x="17"
y="90"
font-style="italic"
font-weight="600"
id="tspan8">components/Form.jinja</tspan><tspan
x="17"
y="131"
id="tspan10">{#def action, label, method=&quot;post&quot; #}</tspan><tspan
x="17"
y="145"
id="tspan12" /></tspan><tspan
sodipodi:role="line"
id="tspan83458"
x="17"
y="103.75"><tspan
x="17"
y="145"
id="tspan83460" /></tspan><tspan
sodipodi:role="line"
x="17"
y="145"
id="tspan83494"><tspan
x="17"
y="145"
id="tspan83496">{#css form.css, /static/theme.css #}</tspan><tspan
x="17"
y="160"
id="tspan14">{#js form.js #}</tspan><tspan
x="17"
y="187"
fill="#555555"
id="tspan16">{% set method = method.lower() %}</tspan><tspan
x="17"
y="215"
fill="#3771c8"
id="tspan22"><tspan
id="tspan18">&lt;</tspan><tspan
id="tspan20">form</tspan></tspan><tspan
x="24"
y="229"
id="tspan32"><tspan
fill="#5f8dd3"
id="tspan24">method=</tspan><tspan
fill="#008800"
id="tspan26">&quot;</tspan><tspan
fill="#ff7f2a"
id="tspan28">{{ method }}</tspan><tspan
fill="#008800"
id="tspan30">&quot;</tspan></tspan><tspan
x="24"
y="244"
id="tspan42"><tspan
fill="#5f8dd3"
id="tspan34">action=</tspan><tspan
fill="#008800"
id="tspan36">&quot;</tspan><tspan
fill="#ff7f2a"
id="tspan38">{{ action }}</tspan><tspan
fill="#008800"
id="tspan40">&quot;</tspan></tspan><tspan
x="24"
y="257"
fill="#ff7f2a"
id="tspan46">{{ attrs.render(<tspan
id="tspan44">class=&quot;form&quot;</tspan>) }}</tspan><tspan
x="17"
y="272"
fill="#3771c8"
id="tspan48">&gt;</tspan><tspan
x="24"
y="286"
fill="#555555"
id="tspan50">{% if method == &quot;post&quot; -%}</tspan><tspan
x="24"
y="299"
fill="#3771c8"
id="tspan60">&lt;input <tspan
fill="#5f8dd3"
id="tspan58">type=<tspan
fill="#008800"
id="tspan52">&quot;hidden&quot;</tspan> name=<tspan
fill="#008800"
id="tspan54">&quot;csrf&quot;</tspan> value=&quot;<tspan
fill="#ff7f2a"
id="tspan56">{{token}}</tspan>&quot; /&gt;</tspan></tspan><tspan
x="24"
y="314"
fill="#555555"
id="tspan62">{% endif -%}</tspan><tspan
x="24"
y="341"
id="tspan66"><tspan
fill="#ff7f2a"
id="tspan64">{{ content }}</tspan></tspan><tspan
x="24"
y="370"
fill="#214478"
id="tspan72">&lt;Button :label=<tspan
fill="#008800"
id="tspan53">&quot;label&quot;</tspan> /&gt;</tspan><tspan
x="17"
y="386"
fill="#3771c8"
id="tspan76">&lt;/<tspan
fill="#3771c8"
font-weight="bold"
id="tspan74">form</tspan>&gt;</tspan></tspan></text>
<g
id="arrows"
transform="translate(0.44852325)"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418">
<path
d="m 96,49 c 13,28 24,0.84 25,24"
fill="none"
marker-end="url(#TriangleStart)"
stroke="#000000"
stroke-width="1.7"
id="path94" />
<path
d="m 263.05173,66.190373 c 3.21374,29.013609 -66.83732,10.210641 -66.83732,43.210637"
fill="none"
marker-end="url(#TriangleStart)"
stroke="#000000"
stroke-width="1.7"
id="path96"
sodipodi:nodetypes="cc" />
<path
d="m 299.74715,171.9951 c -24.29574,-13.93589 13.75099,-34.69573 -30.19646,-30.86252"
fill="none"
marker-end="url(#TriangleStart)"
stroke="#000000"
stroke-width="1.7"
id="path98"
sodipodi:nodetypes="cc" />
<path
d="M 299.74715,171.9951 C 282.96418,161.72557 170.13518,157.37012 132.6202,158.53979"
fill="none"
marker-end="url(#TriangleStart)"
stroke="#000000"
stroke-width="1.7"
id="path100"
sodipodi:nodetypes="cc" />
<path
d="m 169,404 c -11,-17 -39.53849,-5.19589 -47.53849,-23.49589"
fill="none"
marker-end="url(#TriangleStart)"
stroke="#000000"
stroke-width="1.7"
id="path102"
sodipodi:nodetypes="cc" />
</g>
<text
style="font-size:12px;font-family:'Comic Neue'"
transform="matrix(0.99580394,0,0,0.99717236,22.306709,8.8220192)"
id="text111"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418"><tspan
x="0"
y="11"
id="tspan105">Everything before the </tspan><tspan
x="0"
y="30"
id="tspan107">first dot is the component </tspan><tspan
x="0"
y="48"
id="tspan109">name</tspan></text>
<text
style="font-size:12px;font-family:'Comic Neue'"
transform="matrix(0.99585975,0,0,0.94509234,216.62806,15.846205)"
id="text115"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418"><tspan
x="0"
y="6"
id="tspan113">Arguments definition</tspan></text>
<text
style="font-size:12px;font-family:'Comic Neue'"
transform="matrix(0.99962611,0,0,0.98554306,218.63043,28.835757)"
id="text121"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418"><tspan
x="0"
y="11"
id="tspan117">Arguments without a </tspan><tspan
x="0"
y="30"
id="tspan119">default value are required</tspan></text>
<text
style="font-size:12px;font-family:'Comic Neue';white-space:pre;inline-size:102.594"
transform="matrix(1.0036128,0,0,0.99557292,305.3546,154.45222)"
id="text127"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418"
xml:space="preserve"><tspan
x="0"
y="11"
id="tspan1018">Optional lists of </tspan><tspan
x="0"
y="26"
id="tspan1020">CSS and JS files</tspan></text>
<text
style="font-size:12px;font-family:'Comic Neue';white-space:pre;inline-size:138.046"
transform="translate(277.91845,188.39939)"
id="text135"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418"
xml:space="preserve"><tspan
x="0"
y="11"
id="tspan1022">Paths are absolute or </tspan><tspan
x="0"
y="26"
id="tspan1024">relative to the root of
</tspan><tspan
x="0"
y="41"
id="tspan1026">the components folder</tspan></text>
<text
style="font-size:12px;font-family:'Comic Neue'"
transform="matrix(0.99764329,0,0,0.98692271,247.4097,314.31427)"
id="text143"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418"><tspan
x="0"
y="11"
id="tspan137">You can have more </tspan><tspan
x="0"
y="30"
id="tspan139">than one parent </tspan><tspan
x="0"
y="48"
id="tspan141">element, unlike React</tspan></text>
<text
style="font-size:12px;font-family:'Comic Neue';white-space:pre;inline-size:165.6"
transform="matrix(0.9980174,0,0,0.98858774,171.78044,387.36773)"
id="text149"
inkscape:export-filename="/home/jpsca/Code/jinjax/docs/static/img/anatomy-en.png"
inkscape:export-xdpi="223.418"
inkscape:export-ydpi="223.418"
xml:space="preserve"><tspan
x="0"
y="11"
id="tspan1028">You can call any other </tspan><tspan
x="0"
y="26"
id="tspan1030">component and pass attributes </tspan><tspan
x="0"
y="41"
id="tspan1032">to them</tspan></text>
</svg>
View git blame Copy permalink