-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponenttree.drawio
164 lines (164 loc) · 13.5 KB
/
componenttree.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<mxfile host="65bd71144e">
<diagram id="ClDxmHrQhqAZbCKB-9xU" name="Page-1">
<mxGraphModel dx="2113" dy="1576" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="53" value="" style="whiteSpace=wrap;html=1;fontSize=18;fillColor=#000033;" vertex="1" parent="1">
<mxGeometry x="980" y="-60" width="360" height="320" as="geometry"/>
</mxCell>
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;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="2" target="3">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;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="2" target="4">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="10" style="edgeStyle=orthogonalEdgeStyle;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="2" target="5">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="11" style="edgeStyle=orthogonalEdgeStyle;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="2" target="6">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="12" style="edgeStyle=orthogonalEdgeStyle;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="2" target="7">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="2" value="Page" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="365" y="60" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="3" value="App Name" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-20" y="170" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="30" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" edge="1" parent="1" source="4" target="32">
<mxGeometry relative="1" as="geometry">
<mxPoint x="335" y="-20" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="4" value="Map" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="180" y="170" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="40" style="edgeStyle=orthogonalEdgeStyle;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="5" target="39">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="5" value="Search Bar" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="365" y="170" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="47" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="6" target="46">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="6" value="Find My Location Button" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="550" y="170" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="14" style="edgeStyle=orthogonalEdgeStyle;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="7" target="13">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="16" style="edgeStyle=orthogonalEdgeStyle;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="7" target="15">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="18" style="edgeStyle=orthogonalEdgeStyle;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="7" target="17">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="20" style="edgeStyle=orthogonalEdgeStyle;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="7" target="19">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="22" style="edgeStyle=orthogonalEdgeStyle;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="7" target="21">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="7" value="Info Box" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="710" y="170" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="13" value="Name" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="730" y="310" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="25" style="edgeStyle=orthogonalEdgeStyle;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="15" target="24">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="15" value="Location" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="870" y="310" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="26" style="edgeStyle=orthogonalEdgeStyle;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="17" target="24">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="17" value="Contact Details" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1020" y="310" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="19" value="Comments and reviews" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1190" y="310" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="37" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="21" target="36">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="21" value="Add review button" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1350" y="310" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="24" value="Copy info to clipboard" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="940" y="470" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="28" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="27" target="4">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="27" value="Database of names of locations with long and lat" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-10" y="-90" width="150" height="130" as="geometry"/>
</mxCell>
<mxCell id="31" value="Click on Pin" style="text;html=1;resizable=0;autosize=1;align=center;verticalAlign=middle;points=[];fillColor=none;strokeColor=none;rounded=0;" vertex="1" parent="1">
<mxGeometry x="250" y="50" width="80" height="20" as="geometry"/>
</mxCell>
<mxCell id="34" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="32" target="33">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="32" value="FetchRequest<br>for more detail (reviews, contact detials)" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="245" y="-160" width="180" height="130" as="geometry"/>
</mxCell>
<mxCell id="35" style="edgeStyle=orthogonalEdgeStyle;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="33" target="7">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="33" value="Location infor with contact details and reviews" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="690" y="-165" width="160" height="140" as="geometry"/>
</mxCell>
<mxCell id="38" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="36" target="33">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="36" value="Review Form" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1570" y="310" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="42" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="39" target="43">
<mxGeometry relative="1" as="geometry">
<mxPoint x="240" y="371" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="39" value="Sent request to GeoLocation API" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="350" y="300" width="150" height="140" as="geometry"/>
</mxCell>
<mxCell id="41" value="Search city or Postcode" style="text;html=1;resizable=0;autosize=1;align=center;verticalAlign=middle;points=[];fillColor=none;strokeColor=none;rounded=0;" vertex="1" parent="1">
<mxGeometry x="430" y="260" width="140" height="20" as="geometry"/>
</mxCell>
<mxCell id="44" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" edge="1" parent="1" source="43" target="4">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="43" value="Long and Lat" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="150" y="330" width="80" height="80" as="geometry"/>
</mxCell>
<mxCell id="45" value="Move Map" style="text;html=1;resizable=0;autosize=1;align=center;verticalAlign=middle;points=[];fillColor=none;strokeColor=none;rounded=0;" vertex="1" parent="1">
<mxGeometry x="205" y="290" width="70" height="20" as="geometry"/>
</mxCell>
<mxCell id="48" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" edge="1" parent="1" source="46" target="43">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="46" value="Use built in ask for geolocation react function" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="530" y="310" width="170" height="170" as="geometry"/>
</mxCell>
<mxCell id="49" value="Component" style="whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1100" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="50" value="State" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1120" y="70" width="80" height="80" as="geometry"/>
</mxCell>
<mxCell id="51" value="Function" style="rhombus;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1120" y="160" width="80" height="80" as="geometry"/>
</mxCell>
<mxCell id="52" value="<font style="font-size: 18px">Legend</font>" style="text;html=1;resizable=0;autosize=1;align=center;verticalAlign=middle;points=[];fillColor=none;strokeColor=none;rounded=0;" vertex="1" parent="1">
<mxGeometry x="1120" y="-30" width="80" height="20" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>