-
Notifications
You must be signed in to change notification settings - Fork 0
/
WeatherApp.drawio
74 lines (74 loc) · 9.6 KB
/
WeatherApp.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
<mxfile host="app.diagrams.net" modified="2022-10-27T18:41:24.103Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36" etag="tYwVJsSSLtWsAguf6EVZ" version="20.5.1" type="github">
<diagram id="WiCHa1WhsjDegjLb84WS" name="Page-1">
<mxGraphModel dx="1297" dy="694" 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="OPkBnLGld1baVavcbmju-10" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=12;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="OPkBnLGld1baVavcbmju-1" target="OPkBnLGld1baVavcbmju-4">
<mxGeometry relative="1" as="geometry">
<mxPoint x="35" y="300" as="targetPoint" />
</mxGeometry>
</mxCell>
<object label="User" id="OPkBnLGld1baVavcbmju-1">
<mxCell style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;" vertex="1" parent="1">
<mxGeometry x="20" y="160" width="30" height="60" as="geometry" />
</mxCell>
</object>
<mxCell id="OPkBnLGld1baVavcbmju-12" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=12;" edge="1" parent="1" source="OPkBnLGld1baVavcbmju-4" target="OPkBnLGld1baVavcbmju-11">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-4" value="User App<br><br><div style="text-align: left;"><ul><li>GET '/'</li><li>POST '/'</li><li>GET '/weatherbit'</li><li>POST '/weatherbit'</li><li>GET '\about'</li></ul></div>" style="whiteSpace=wrap;html=1;verticalAlign=top;" vertex="1" parent="1">
<mxGeometry x="110" y="135" width="200" height="125" as="geometry" />
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-6" value="<h1>TechRolEmi Weather Cast</h1><p><font style="font-size: 12px;" face="-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji">An Embedded JavaScript&nbsp;(EJS) responsive web app using NodeJS-Express scaffolding to call weather API providers for weather reports.</font></p><p>.</p>" style="text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;rounded=0;" vertex="1" parent="1">
<mxGeometry x="10" y="10" width="720" height="110" as="geometry" />
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-14" value="Yes" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=12;" edge="1" parent="1" source="OPkBnLGld1baVavcbmju-11" target="OPkBnLGld1baVavcbmju-18">
<mxGeometry relative="1" as="geometry">
<mxPoint x="565" y="197.5" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-16" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=12;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="OPkBnLGld1baVavcbmju-11" target="OPkBnLGld1baVavcbmju-19">
<mxGeometry relative="1" as="geometry">
<mxPoint x="415" y="320" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-17" value="No" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=12;" vertex="1" connectable="0" parent="OPkBnLGld1baVavcbmju-16">
<mxGeometry x="-0.2994" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-11" value="<br><br>Geolocator Allowed?" style="rhombus;whiteSpace=wrap;html=1;verticalAlign=top;" vertex="1" parent="1">
<mxGeometry x="360" y="147.5" width="110" height="100" as="geometry" />
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-24" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=12;fontColor=#000000;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="OPkBnLGld1baVavcbmju-18" target="OPkBnLGld1baVavcbmju-21">
<mxGeometry relative="1" as="geometry">
<mxPoint x="645" y="350" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-25" value="JSON" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=12;fontColor=#000000;" vertex="1" connectable="0" parent="OPkBnLGld1baVavcbmju-24">
<mxGeometry x="-0.5569" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-18" value="<div style="text-align: left;"><span style="background-color: initial; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace;" class="pl-c1">1. Geolocation</span><span style="background-color: initial; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace;" class="pl-kos">.</span><span style="background-color: initial; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace;" class="pl-en">getCurrentPosition</span></div><span class="pl-en" style="box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace;"><div style="text-align: left;"><span style="background-color: initial; box-sizing: border-box;" class="pl-en">2.&nbsp;</span><span style="background-color: initial;">getLocalWeather(longitude, latitude, secret, 0);</span></div></span><span style="box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; text-align: start;" class="pl-en"><br></span>" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="520" y="150" width="250" height="100" as="geometry" />
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-22" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontSize=12;fontColor=#000000;" edge="1" parent="1" source="OPkBnLGld1baVavcbmju-19" target="OPkBnLGld1baVavcbmju-21">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-26" value="JSON" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=12;fontColor=#000000;" vertex="1" connectable="0" parent="OPkBnLGld1baVavcbmju-22">
<mxGeometry x="-0.2218" relative="1" as="geometry">
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-19" value="<div style="text-align: left;"><span style="background-color: initial;">1.&nbsp; ReadInput(cityName)</span></div><div style="text-align: left;"><span style="background-color: initial;">2.&nbsp; getLocalWeather(cityName, secret, 0);</span></div>" style="rounded=1;whiteSpace=wrap;html=1;fontSize=12;" vertex="1" parent="1">
<mxGeometry x="180" y="320" width="295" height="60" as="geometry" />
</mxCell>
<mxCell id="OPkBnLGld1baVavcbmju-21" value="<span class="pl-s1" style="box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; text-align: start;">result</span><span class="pl-kos" style="box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; text-align: start;">.</span><span class="pl-c1" style="box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; text-align: start;">innerHTML</span><span style="font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; text-align: start;"> </span><span class="pl-c1" style="box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, &quot;SF Mono&quot;, Menlo, Consolas, &quot;Liberation Mono&quot;, monospace; text-align: start;">= JSON.parse(xhttp.responseText);</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;rounded=1;" vertex="1" parent="1">
<mxGeometry x="267.5" y="450" width="502.5" height="80" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>