289 lines
8.1 KiB
XML
289 lines
8.1 KiB
XML
|
<?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-es.svg"
|
||
|
|
inkscape:export-filename="/media/data/Code/jinjax-docs/static/img/anatomy-es.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="1.1568182"
|
||
|
|
inkscape:cx="14.695481"
|
||
|
|
inkscape:cy="220.86444"
|
||
|
|
inkscape:window-width="2560"
|
||
|
|
inkscape:window-height="1357"
|
||
|
|
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="#fff"
|
||
|
|
fill-opacity=".85"
|
||
|
|
stroke="#ddd"
|
||
|
|
id="rect7" />
|
||
|
|
<path
|
||
|
|
d="m17 98h320"
|
||
|
|
stroke="#555"
|
||
|
|
stroke-width="1px"
|
||
|
|
id="path9" />
|
||
|
|
<text
|
||
|
|
id="code"
|
||
|
|
fill="#444"
|
||
|
|
font-family="'SF Mono', Monaco, monospace"
|
||
|
|
font-size="11px"
|
||
|
|
font-weight="bold"
|
||
|
|
stroke-width="1.4"
|
||
|
|
style="font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:normal;font-variant-numeric:normal;line-height:1.25"><tspan
|
||
|
|
x="17"
|
||
|
|
y="90"
|
||
|
|
font-style="italic"
|
||
|
|
font-weight="600"
|
||
|
|
id="tspan1151">components/Form.jinja</tspan><tspan
|
||
|
|
x="17"
|
||
|
|
y="131"
|
||
|
|
id="tspan1153">{#def action, label, method="post" #}</tspan><tspan
|
||
|
|
x="17"
|
||
|
|
y="145"
|
||
|
|
id="tspan1155">{#css form.css %}</tspan><tspan
|
||
|
|
x="17"
|
||
|
|
y="160"
|
||
|
|
id="tspan1157">{#js form.js %}</tspan><tspan
|
||
|
|
x="17"
|
||
|
|
y="187"
|
||
|
|
fill="#555"
|
||
|
|
id="tspan1159">{% set method = method.lower() %}</tspan><tspan
|
||
|
|
x="17"
|
||
|
|
y="215"
|
||
|
|
fill="#3771c8"
|
||
|
|
id="tspan1165"><tspan
|
||
|
|
id="tspan1161"><</tspan><tspan
|
||
|
|
id="tspan1163">form</tspan></tspan><tspan
|
||
|
|
x="24"
|
||
|
|
y="229"
|
||
|
|
id="tspan1175"><tspan
|
||
|
|
fill="#5f8dd3"
|
||
|
|
id="tspan1167">method=</tspan><tspan
|
||
|
|
fill="#080"
|
||
|
|
id="tspan1169">"</tspan><tspan
|
||
|
|
fill="#ff7f2a"
|
||
|
|
id="tspan1171">{{ method }}</tspan><tspan
|
||
|
|
fill="#080"
|
||
|
|
id="tspan1173">"</tspan></tspan><tspan
|
||
|
|
x="24"
|
||
|
|
y="244"
|
||
|
|
id="tspan1185"><tspan
|
||
|
|
fill="#5f8dd3"
|
||
|
|
id="tspan1177">action=</tspan><tspan
|
||
|
|
fill="#080"
|
||
|
|
id="tspan1179">"</tspan><tspan
|
||
|
|
fill="#ff7f2a"
|
||
|
|
id="tspan1181">{{ action }}</tspan><tspan
|
||
|
|
fill="#080"
|
||
|
|
id="tspan1183">"</tspan></tspan><tspan
|
||
|
|
x="24"
|
||
|
|
y="257"
|
||
|
|
fill="#ff7f2a"
|
||
|
|
id="tspan1189">{{ attrs.render(<tspan
|
||
|
|
id="tspan1187">class="form"</tspan>) }}
|
||
|
|
</tspan><tspan
|
||
|
|
x="17"
|
||
|
|
y="272"
|
||
|
|
fill="#3771c8"
|
||
|
|
id="tspan1191">></tspan><tspan
|
||
|
|
x="24"
|
||
|
|
y="286"
|
||
|
|
fill="#555"
|
||
|
|
id="tspan1193">{% if method == "post" -%}</tspan><tspan
|
||
|
|
x="24"
|
||
|
|
y="299"
|
||
|
|
fill="#3771c8"
|
||
|
|
id="tspan1203">
|
||
|
|
<input <tspan
|
||
|
|
fill="#5f8dd3"
|
||
|
|
id="tspan1201">type=<tspan
|
||
|
|
fill="#080"
|
||
|
|
id="tspan1195">"hidden"</tspan> name=<tspan
|
||
|
|
fill="#080"
|
||
|
|
id="tspan1197">"csrf"</tspan> value="<tspan
|
||
|
|
fill="#ff7f2a"
|
||
|
|
id="tspan1199">{{token}}</tspan>" /></tspan></tspan><tspan
|
||
|
|
x="24"
|
||
|
|
y="314"
|
||
|
|
fill="#555"
|
||
|
|
id="tspan1205">{% endif -%}</tspan><tspan
|
||
|
|
x="24"
|
||
|
|
y="341"
|
||
|
|
id="tspan1209"><tspan
|
||
|
|
fill="#ff7f2a"
|
||
|
|
id="tspan1207">{{ content }}</tspan></tspan><tspan
|
||
|
|
x="24"
|
||
|
|
y="370"
|
||
|
|
fill="#214478"
|
||
|
|
id="tspan1215">
|
||
|
|
<Button <tspan
|
||
|
|
fill="#5f8dd3"
|
||
|
|
id="tspan1211">label=</tspan><tspan
|
||
|
|
fill="#ff7f2a"
|
||
|
|
id="tspan1213">{label}</tspan>>
|
||
|
|
</tspan><tspan
|
||
|
|
x="17"
|
||
|
|
y="386"
|
||
|
|
fill="#3771c8"
|
||
|
|
id="tspan1219"></<tspan
|
||
|
|
fill="#3771c8"
|
||
|
|
font-weight="bold"
|
||
|
|
id="tspan1217">form</tspan>></tspan></text>
|
||
|
|
<g
|
||
|
|
id="arrows">
|
||
|
|
<path
|
||
|
|
d="m96 49c13 28 24 .84 25 24"
|
||
|
|
fill="none"
|
||
|
|
marker-end="url(#TriangleStart)"
|
||
|
|
stroke="#000"
|
||
|
|
stroke-width="1.7"
|
||
|
|
id="path94" />
|
||
|
|
<path
|
||
|
|
d="m255 65c13 28-60 16-60 49"
|
||
|
|
fill="none"
|
||
|
|
marker-end="url(#TriangleStart)"
|
||
|
|
stroke="#000"
|
||
|
|
stroke-width="1.7"
|
||
|
|
id="path96" />
|
||
|
|
<path
|
||
|
|
d="m260 151c-26 6.7-74-7.6-108-9.2"
|
||
|
|
fill="none"
|
||
|
|
marker-end="url(#TriangleStart)"
|
||
|
|
stroke="#000"
|
||
|
|
stroke-width="1.7"
|
||
|
|
id="path98" />
|
||
|
|
<path
|
||
|
|
d="m262 158c-26 5.2-91-.74-124-2"
|
||
|
|
fill="none"
|
||
|
|
marker-end="url(#TriangleStart)"
|
||
|
|
stroke="#000"
|
||
|
|
stroke-width="1.7"
|
||
|
|
id="path100" />
|
||
|
|
<path
|
||
|
|
d="m169 404c-11-17-56-3.7-64-22"
|
||
|
|
fill="none"
|
||
|
|
marker-end="url(#TriangleStart)"
|
||
|
|
stroke="#000"
|
||
|
|
stroke-width="1.7"
|
||
|
|
id="path102" />
|
||
|
|
</g>
|
||
|
|
<text
|
||
|
|
style="font-size:12px;font-family:'Comic Neue'"
|
||
|
|
transform="matrix(0.99580394,0,0,0.99717236,22.306709,8.8220192)"
|
||
|
|
id="text111"><tspan
|
||
|
|
x="0"
|
||
|
|
y="11"
|
||
|
|
id="tspan105">Todo antes del primer </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="30"
|
||
|
|
id="tspan107">punto es el nombre del </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="48"
|
||
|
|
id="tspan109">componente</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"><tspan
|
||
|
|
x="0"
|
||
|
|
y="6"
|
||
|
|
id="tspan113">Definición de argumentos</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"><tspan
|
||
|
|
x="0"
|
||
|
|
y="11"
|
||
|
|
id="tspan117">Los argumentos sin valores </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="30"
|
||
|
|
id="tspan119">predefinidos son obligatorios</tspan></text>
|
||
|
|
<text
|
||
|
|
style="font-size:12px;font-family:'Comic Neue'"
|
||
|
|
transform="matrix(1.0036128,0,0,0.99557292,276.36705,142.82391)"
|
||
|
|
id="text127"><tspan
|
||
|
|
x="0"
|
||
|
|
y="11"
|
||
|
|
id="tspan123">Listas opcionales de </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="30"
|
||
|
|
id="tspan125">archivos CSS y JS</tspan></text>
|
||
|
|
<text
|
||
|
|
style="font-size:12px;font-family:'Comic Neue'"
|
||
|
|
transform="translate(275.93954,180.65106)"
|
||
|
|
id="text135"><tspan
|
||
|
|
x="0"
|
||
|
|
y="11"
|
||
|
|
id="tspan129">Las rutas son </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="30"
|
||
|
|
id="tspan131">relativas al folder </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="48"
|
||
|
|
id="tspan133">de componentes</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"><tspan
|
||
|
|
x="0"
|
||
|
|
y="11"
|
||
|
|
id="tspan137">Puedes tener mas de </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="30"
|
||
|
|
id="tspan139">un elemento padre, a </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="48"
|
||
|
|
id="tspan141">diferencia de React</tspan></text>
|
||
|
|
<text
|
||
|
|
style="font-size:12px;font-family:'Comic Neue'"
|
||
|
|
transform="matrix(0.9980174,0,0,0.98858774,171.78044,387.36773)"
|
||
|
|
id="text149"><tspan
|
||
|
|
x="0"
|
||
|
|
y="11"
|
||
|
|
id="tspan145">Puedes llamar a cualquier </tspan><tspan
|
||
|
|
x="0"
|
||
|
|
y="30"
|
||
|
|
id="tspan147">otro componente</tspan></text>
|
||
|
|
</svg>
|