215 lines
No EOL
19 KiB (Stored with Git LFS)
Text
215 lines
No EOL
19 KiB (Stored with Git LFS)
Text
<mxfile host="65bd71144e">
|
|
<diagram id="Lr04U8grSjRMwiP2IEPw" name="Page-1">
|
|
<mxGraphModel dx="1856" dy="551" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
|
|
<root>
|
|
<mxCell id="0"/>
|
|
<mxCell id="1" parent="0"/>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-1" target="jYfnhEeRdwtffzVx_WMa-2" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-1" target="jYfnhEeRdwtffzVx_WMa-5" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-1" value="App" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="460" y="150" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="jYfnhEeRdwtffzVx_WMa-2" target="jYfnhEeRdwtffzVx_WMa-3" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-2" target="jYfnhEeRdwtffzVx_WMa-4" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-2" value="Editor<br><i>SVG Editor</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="354" y="260" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-31" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-24" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-28" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-26" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-34" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-27" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-35" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-3" target="jYfnhEeRdwtffzVx_WMa-25" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-3" value="UI<br><i>User interface</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="-100" y="370" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-4" target="jYfnhEeRdwtffzVx_WMa-6" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-4" value="SVG<br><i>Contains the SVG Element</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="430" y="370" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-5" value="MainMenu<br><i>First screen</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="580" y="260" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-10" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-6" target="jYfnhEeRdwtffzVx_WMa-8" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-11" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="jYfnhEeRdwtffzVx_WMa-6" target="jYfnhEeRdwtffzVx_WMa-7" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-6" value="UncontrolledReactSVGPanZoom2<br><i>Controller for the svg</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="385" y="480" width="210" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-12" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-7" target="jYfnhEeRdwtffzVx_WMa-9" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-7" value="Container" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="340" y="590" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-8" value="Selector<br><i>Blue rectangle selector</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="520" y="590" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-9" value="Dimension<br><i>The line shown above the container</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="340" y="700" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-18" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="560" y="560" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-19" value="1..n" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="354" y="560" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-20" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="490" y="450" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-21" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="630" y="230" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-22" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="370" y="230" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-23" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="-80" y="340" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-36" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-24" target="jYfnhEeRdwtffzVx_WMa-30" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-24" value="Bar<br><i>Menu bar with icons</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="10" y="480" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-25" value="Sidebar<br><i>Sidebar of components</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="-640" y="480" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-39" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-26" target="jYfnhEeRdwtffzVx_WMa-37" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-40" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="jYfnhEeRdwtffzVx_WMa-26" target="jYfnhEeRdwtffzVx_WMa-38" edge="1">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-26" value="ElementsSidebar<br><i>Show the current active elements</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="-240" y="480" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-27" value="History<br><i>Editor's actions history</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="-450" y="480" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-28" value="FloatingButton<br><i>Floating menu with icon</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="150" y="480" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-30" value="BarIcon<br><i>Button with icon</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="10" y="585" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="5" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="jYfnhEeRdwtffzVx_WMa-37" target="2">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-37" value="Properties<br><i>Properties of the container</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="-320" y="585" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-38" value="Menu<br><i>Context menu</i>" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
|
<mxGeometry x="-150" y="585" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-41" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="50" y="450" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-42" value="0..n" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="60" y="560" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-43" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="200" y="450" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-44" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="-190" y="450" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-45" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="-100" y="555" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-46" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="-400" y="450" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-47" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="-580" y="450" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="jYfnhEeRdwtffzVx_WMa-48" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
|
|
<mxGeometry x="-400" y="770" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="6" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;rounded=0;" edge="1" parent="1" source="2" target="3">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" edge="1" parent="1" source="2" target="4">
|
|
<mxGeometry relative="1" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="2" value="Form<br><i>Input form for the properties</i>" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
|
<mxGeometry x="-320" y="690" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="3" target="12">
|
|
<mxGeometry relative="1" as="geometry">
|
|
<Array as="points">
|
|
<mxPoint x="-170" y="890"/>
|
|
<mxPoint x="-190" y="890"/>
|
|
</Array>
|
|
</mxGeometry>
|
|
</mxCell>
|
|
<mxCell id="16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="3" target="11">
|
|
<mxGeometry relative="1" as="geometry">
|
|
<Array as="points">
|
|
<mxPoint x="-170" y="890"/>
|
|
<mxPoint x="-340" y="890"/>
|
|
</Array>
|
|
</mxGeometry>
|
|
</mxCell>
|
|
<mxCell id="3" value="DynamicForm<br><i>WYSIWYG</i>" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
|
<mxGeometry x="-230" y="800" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="13" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;endArrow=diamondThin;endFill=1;" edge="1" parent="1" source="4" target="11">
|
|
<mxGeometry relative="1" as="geometry">
|
|
<Array as="points">
|
|
<mxPoint x="-350" y="890"/>
|
|
<mxPoint x="-340" y="890"/>
|
|
</Array>
|
|
</mxGeometry>
|
|
</mxCell>
|
|
<mxCell id="15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;endArrow=diamondThin;endFill=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" target="12">
|
|
<mxGeometry relative="1" as="geometry">
|
|
<mxPoint x="-190" y="910" as="targetPoint"/>
|
|
<mxPoint x="-350" y="860" as="sourcePoint"/>
|
|
<Array as="points">
|
|
<mxPoint x="-350" y="890"/>
|
|
<mxPoint x="-190" y="890"/>
|
|
</Array>
|
|
</mxGeometry>
|
|
</mxCell>
|
|
<mxCell id="4" value="StaticForm<br><i>Classic form in which the enter key or the submit button is used</i>" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
|
<mxGeometry x="-430" y="800" width="160" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="8" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
|
|
<mxGeometry x="-180" y="770" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="9" value="1" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
|
|
<mxGeometry x="-300" y="575" width="60" height="30" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="11" value="InputGroup<br>A label and a "text" input (can be a checkbox)" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
|
<mxGeometry x="-420" y="910" width="160" height="60" as="geometry"/>
|
|
</mxCell>
|
|
<mxCell id="12" value="RadioGroupButtons" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
|
<mxGeometry x="-250" y="910" width="120" height="60" as="geometry"/>
|
|
</mxCell>
|
|
</root>
|
|
</mxGraphModel>
|
|
</diagram>
|
|
</mxfile> |