-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path4Dev-CleanReact.drawio
175 lines (175 loc) · 18.9 KB
/
4Dev-CleanReact.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
165
166
167
168
169
170
171
172
173
174
175
<mxfile host="65bd71144e">
<diagram id="bISvTGnpREnJJeTCgNus" name="Login">
<mxGraphModel dx="2336" dy="1047" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="4681" pageHeight="3300" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="16">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="21">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.75;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="18">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.25;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="19">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="15">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.75;exitY=0;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="14">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.25;exitY=0;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="13">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="22">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="10" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.25;exitY=1;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="17">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="11" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.75;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="12" target="20">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="12" value="Login" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=2;fontSize=16;fontFamily=Verdana;fillColor=#FFFFFF;strokeColor=#336600;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="557" y="340" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="13" value="Validar Email" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#FFFFCC;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="397" y="185" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="14" value="Validar Senha" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#FFFFCC;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="677" y="185" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="15" value="Tratar Resposta<br>da API" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#E6FFCC;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="730" y="277" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="16" value="Tratar Erros da<br>API" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#E6FFCC;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="730" y="383" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="17" value="Regras de<br>Negócio" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#CCFFFF;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="397" y="476" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="18" value="Navegação" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#E5CCFF;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="349" y="383" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="19" value="Gravar dados<br>no Cache" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#E5CCFF;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="349" y="277" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="20" value="Controlar Estado" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#E5CCFF;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="677" y="476" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="21" value="Renderizar View" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#E5CCFF;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="537" y="109" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="22" value="Comunicar com API" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=2;fontFamily=Verdana;fontSize=16;fillColor=#FFCCE6;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="537" y="543" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="23" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#336600;strokeWidth=2;fillColor=#E6FFCC;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="388" y="958" width="472" height="172" as="geometry"/>
</mxCell>
<mxCell id="24" value="Data" style="text;html=1;align=right;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=16;fontFamily=Verdana;fontColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="812" y="935" width="48" height="23" as="geometry"/>
</mxCell>
<mxCell id="25" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#336600;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="26" target="31">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="26" value="RemoteAuthentication" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#336600;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="608" y="1014" width="224.5" height="60" as="geometry"/>
</mxCell>
<mxCell id="27" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#006666;strokeWidth=2;fillColor=#CCFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="388" y="1181" width="472" height="172" as="geometry"/>
</mxCell>
<mxCell id="28" value="Domain" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=16;fontFamily=Verdana;fontColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="790" y="1156" width="72" height="23" as="geometry"/>
</mxCell>
<mxCell id="29" value="Authentication" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#006666;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;dashed=1;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="538.5" y="1237" width="171" height="60" as="geometry"/>
</mxCell>
<mxCell id="30" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeWidth=2;fontFamily=Verdana;fontSize=16;strokeColor=#336600;fontColor=#000000;" edge="1" parent="1" source="26" target="29">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="31" value="HttpPostClient" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#336600;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;dashed=1;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="408" y="1014" width="171" height="60" as="geometry"/>
</mxCell>
<mxCell id="32" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#660033;strokeWidth=2;fillColor=#FFCCE6;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="388" y="741" width="472" height="172" as="geometry"/>
</mxCell>
<mxCell id="33" value="Infra" style="text;html=1;align=right;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=16;fontFamily=Verdana;fontColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="811" y="718" width="49" height="23" as="geometry"/>
</mxCell>
<mxCell id="34" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#660033;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="36" target="37">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="35" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;strokeColor=#660033;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="36" target="31">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="36" value="AxiosHttpClient" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#660033;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="504.75" y="797" width="224.5" height="60" as="geometry"/>
</mxCell>
<mxCell id="37" value="Axios" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=2;fillColor=#E6E6E6;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="186" y="797" width="171" height="60" as="geometry"/>
</mxCell>
<mxCell id="38" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#330066;strokeWidth=2;fillColor=#E5CCFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="915" y="1178" width="472" height="172" as="geometry"/>
</mxCell>
<mxCell id="39" value="Presentation" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=16;fontFamily=Verdana;fontColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="1277" y="1152" width="110" height="23" as="geometry"/>
</mxCell>
<mxCell id="40" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#660033;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="42" target="29">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="41" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#330066;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="42" target="49">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="42" value="Login" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#330066;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="946" y="1237" width="224.5" height="60" as="geometry"/>
</mxCell>
<mxCell id="43" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666600;strokeWidth=2;fillColor=#FFFFCC;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="915" y="958" width="472" height="172" as="geometry"/>
</mxCell>
<mxCell id="44" value="Validation" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=16;fontFamily=Verdana;fontColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="1298" y="932" width="89" height="23" as="geometry"/>
</mxCell>
<mxCell id="45" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.25;exitY=1;exitDx=0;exitDy=0;entryX=0.25;entryY=0;entryDx=0;entryDy=0;strokeColor=#666600;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="46" target="49">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="1248" y="1074"/>
<mxPoint x="1248" y="1156"/>
<mxPoint x="1239" y="1156"/>
</Array>
</mxGeometry>
</mxCell>
<mxCell id="46" value="EmailFieldValidation" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666600;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="1180" y="1014" width="180.5" height="60" as="geometry"/>
</mxCell>
<mxCell id="47" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.158;entryY=0.033;entryDx=0;entryDy=0;entryPerimeter=0;strokeColor=#666600;strokeWidth=2;fontFamily=Verdana;fontSize=16;fontColor=#000000;" edge="1" parent="1" source="48" target="49">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="48" value="RequiredFieldValidation" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666600;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="946" y="1014" width="200.5" height="60" as="geometry"/>
</mxCell>
<mxCell id="49" value="Validation" style="rounded=1;whiteSpace=wrap;html=1;strokeColor=#330066;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;dashed=1;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="1196" y="1237" width="171" height="60" as="geometry"/>
</mxCell>
<mxCell id="50" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#663300;strokeWidth=2;fillColor=#FFE6CC;fontFamily=Verdana;fontSize=16;align=right;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="1543" y="718" width="275" height="639" as="geometry"/>
</mxCell>
<mxCell id="51" value="Main" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;fontSize=16;fontFamily=Verdana;fontColor=#FFFFFF;" vertex="1" parent="1">
<mxGeometry x="1770" y="693" width="48" height="23" as="geometry"/>
</mxCell>
<mxCell id="52" value="LoginFactory" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#663300;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="1590.25" y="760" width="180.5" height="60" as="geometry"/>
</mxCell>
<mxCell id="53" value="Index" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#663300;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="1589.5" y="850" width="180.5" height="60" as="geometry"/>
</mxCell>
<mxCell id="54" value="DI - Dependency Injection" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#663300;strokeWidth=2;fillColor=#FFFFFF;fontFamily=Verdana;fontSize=16;fontColor=#000000;" vertex="1" parent="1">
<mxGeometry x="1589.5" y="937" width="180.5" height="60" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>