Skip to content

Commit 3d8e528

Browse files
author
Arnaud Leclerc
committed
Modernize samples
1 parent df068c0 commit 3d8e528

120 files changed

Lines changed: 60564 additions & 700 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎samples/AzureMapsControl.Sample/App.razor‎

Lines changed: 0 additions & 10 deletions
This file was deleted.

‎samples/AzureMapsControl.Sample/AzureMapsControl.Sample.csproj‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,11 @@
1-
<Project Sdk="Microsoft.NET.Sdk.Web">
1+
<Project Sdk="Microsoft.NET.Sdk.Web">
22

33
<PropertyGroup>
44
<TargetFramework>net8.0</TargetFramework>
5+
<Nullable>enable</Nullable>
6+
<ImplicitUsings>enable</ImplicitUsings>
57
</PropertyGroup>
68

7-
<ItemGroup>
8-
<PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="8.0.0" />
9-
</ItemGroup>
10-
119
<ItemGroup>
1210
<ProjectReference Include="..\..\src\AzureMapsControl.Components\AzureMapsControl.Components.csproj" />
1311
</ItemGroup>

samples/AzureMapsControl.Sample/Pages/_Host.cshtml renamed to samples/AzureMapsControl.Sample/Components/App.razor

Lines changed: 20 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,35 @@
1-
@page "/"
2-
@namespace AzureMapsControl.Sample.Pages
3-
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
4-
@{
5-
Layout = null;
6-
}
7-
8-
<!DOCTYPE html>
1+
<!DOCTYPE html>
92
<html lang="en">
3+
104
<head>
115
<meta charset="utf-8" />
126
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
13-
<title>AzureMapsControl.Sample</title>
14-
<base href="~/" />
7+
<base href="/" />
8+
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
9+
<link rel="stylesheet" href="app.css" />
10+
<link rel="stylesheet" href="AzureMapsControl.Sample.styles.css" />
11+
<link rel="icon" type="image/png" href="favicon.png" />
12+
1513
<link rel="stylesheet" href="https://atlas.microsoft.com/sdk/javascript/mapcontrol/2/atlas.min.css" type="text/css" />
1614
<link rel="stylesheet" href="https://atlas.microsoft.com/sdk/javascript/drawing/0.1/atlas-drawing.min.css" type="text/css" />
1715
<link rel="stylesheet" href="https://atlas.microsoft.com/sdk/javascript/indoor/0.1/atlas-indoor.min.css" type="text/css" />
18-
<style>
19-
body {
20-
margin: 0;
21-
}
22-
23-
#map {
24-
position: absolute;
25-
width: 100%;
26-
min-width: 290px;
27-
height: 100%;
28-
}
29-
</style>
16+
<title>AzureMapsControl - Samples</title>
3017
</head>
18+
3119
<body>
32-
<app>
33-
<component type="typeof(App)" render-mode="ServerPrerendered" />
34-
</app>
20+
<Routes />
21+
<script src="/bootstrap/js/bootstrap.bundle.min.js"></script>
3522
<script src="https://atlas.microsoft.com/sdk/javascript/mapcontrol/2/atlas.min.js"></script>
3623
<script src="https://atlas.microsoft.com/sdk/javascript/drawing/0.1/atlas-drawing.min.js"></script>
3724
<script src="https://atlas.microsoft.com/sdk/javascript/indoor/0.1/atlas-indoor.js"></script>
38-
<script src="~/azure-maps-scale-bar-control.min.js"></script>
39-
<script src="~/azure-maps-overview-map.min.js"></script>
40-
<script src="~/azure-maps-animations.min.js"></script>
41-
<script src="~/azure-maps-geolocation-control.min.js"></script>
42-
<script src="~/azure-maps-fullscreen-control.min.js"></script>
43-
<script src="~/azure-maps-gridded-data-source.min.js"></script>
25+
<script src="/azure-maps-scale-bar-control.min.js"></script>
26+
<script src="/azure-maps-overview-map.min.js"></script>
27+
<script src="/azure-maps-animations.min.js"></script>
28+
<script src="/azure-maps-geolocation-control.min.js"></script>
29+
<script src="/azure-maps-fullscreen-control.min.js"></script>
30+
<script src="/azure-maps-gridded-data-source.min.js"></script>
4431
<script src="_content/AzureMapsControl.Components/azure-maps-control.js"></script>
45-
<script src="_framework/blazor.server.js"></script>
32+
<script src="_framework/blazor.web.js"></script>
4633
<script type="text/javascript">
4734
azureMapsControl.Extensions.getTokenCallback = (resolve, reject, map) => {
4835
const url = "url_of_my_token_endpoint";
@@ -54,4 +41,5 @@
5441
};
5542
</script>
5643
</body>
44+
5745
</html>

‎samples/AzureMapsControl.Sample/Components/Layout/MainLayout.razor‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
@inherits LayoutComponentBase
2+
3+
<NavMenu />
4+
<div class="container-fluid">
5+
@Body
6+
</div>
7+
8+
<div id="blazor-error-ui">
9+
An unhandled error has occurred.
10+
<a href="" class="reload">Reload</a>
11+
<a class="dismiss">🗙</a>
12+
</div>

‎samples/AzureMapsControl.Sample/Components/Layout/MainLayout.razor.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
#blazor-error-ui {
2+
background: lightyellow;
3+
bottom: 0;
4+
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
5+
display: none;
6+
left: 0;
7+
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
8+
position: fixed;
9+
width: 100%;
10+
z-index: 1000;
11+
}
12+
13+
#blazor-error-ui .dismiss {
14+
cursor: pointer;
15+
position: absolute;
16+
right: 0.75rem;
17+
top: 0.5rem;
18+
}

‎samples/AzureMapsControl.Sample/Components/Layout/NavMenu.razor‎

Lines changed: 233 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,233 @@
1+
<nav class="navbar navbar-expand-lg bg-body-tertiary">
2+
<div class="container-fluid">
3+
<a class="navbar-brand" href="#">Samples</a>
4+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
5+
<span class="navbar-toggler-icon"></span>
6+
</button>
7+
<div class="collapse navbar-collapse" id="navbarNavDropdown">
8+
<ul class="navbar-nav">
9+
<NavLink class="nav-link" href="" Match="NavLinkMatch.All"> Home </NavLink>
10+
<li class="nav-item dropdown">
11+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
12+
Animations
13+
</a>
14+
<ul class="dropdown-menu">
15+
<li>
16+
<NavLink class="dropdown-item" href="/Animations/Drop"> Drop </NavLink>
17+
</li>
18+
<li>
19+
<NavLink class="dropdown-item" href="/Animations/DropMarkers"> Drop markers </NavLink>
20+
</li>
21+
<li>
22+
<NavLink class="dropdown-item" href="/Animations/GroupAnimations"> Group animations </NavLink>
23+
</li>
24+
<li>
25+
<NavLink class="dropdown-item" href="/Animations/Morph"> Morph </NavLink>
26+
</li>
27+
<li>
28+
<NavLink class="dropdown-item" href="/Animations/MoveAlongPath"> Move along path </NavLink>
29+
</li>
30+
<li>
31+
<NavLink class="dropdown-item" href="/Animations/MoveAlongRoute"> Move along route </NavLink>
32+
</li>
33+
<li>
34+
<NavLink class="dropdown-item" href="/Animations/MoveMarkerAlongPath"> Move marker along path </NavLink>
35+
</li>
36+
<li>
37+
<NavLink class="dropdown-item" href="/Animations/MavingDashedLine"> Moving dashed line </NavLink>
38+
</li>
39+
<li>
40+
<NavLink class="dropdown-item" href="/Animations/SetCoordinates">Set coordinates</NavLink>
41+
</li>
42+
<li>
43+
<NavLink class="dropdown-item" href="/Animations/SetMarkerCoordinates">Set marker coordinates</NavLink>
44+
</li>
45+
<li>
46+
<NavLink class="dropdown-item" href="/Animations/Snakeline">Snakeline</NavLink>
47+
</li>
48+
</ul>
49+
</li>
50+
<li class="nav-item dropdown">
51+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
52+
Controls
53+
</a>
54+
<ul class="dropdown-menu">
55+
<li>
56+
<NavLink class="dropdown-item" href="/Controls/Basic"> Basic controls </NavLink>
57+
</li>
58+
<li>
59+
<NavLink class="dropdown-item" href="/Controls/ControlsOnReady"> Controls on ready </NavLink>
60+
</li>
61+
<li>
62+
<NavLink class="dropdown-item" href="/Controls/Fullscreen"> Fullscreen </NavLink>
63+
</li>
64+
<li>
65+
<NavLink class="dropdown-item" href="/Controls/GeolocationControl"> Geolocation control </NavLink>
66+
</li>
67+
<li>
68+
<NavLink class="dropdown-item" href="/Controls/OverviewMap"> Overview map </NavLink>
69+
</li>
70+
<li>
71+
<NavLink class="dropdown-item" href="/Controls/Scalebar"> Scalebar </NavLink>
72+
</li>
73+
</ul>
74+
</li>
75+
<li class="nav-item dropdown">
76+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
77+
Drawing
78+
</a>
79+
<ul class="dropdown-menu">
80+
<li>
81+
<NavLink class="dropdown-item" href="/Drawing/DrawingToolbar"> Toolbar </NavLink>
82+
</li>
83+
<li>
84+
<NavLink class="dropdown-item" href="/Drawing/DrawingToolbarOnReady"> Toolbar on ready </NavLink>
85+
</li>
86+
<li>
87+
<NavLink class="dropdown-item" href="/Drawing/DrawingToolbarUpdate"> Toolbar update </NavLink>
88+
</li>
89+
</ul>
90+
</li>
91+
<NavLink class="nav-link" href="Indoor"> Indoor </NavLink>
92+
<li class="nav-item dropdown">
93+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
94+
Layers
95+
</a>
96+
<ul class="dropdown-menu">
97+
<li>
98+
<NavLink class="dropdown-item" href="/Layers/BubbleLayerOnReady"> Bubble layer </NavLink>
99+
</li>
100+
<li>
101+
<NavLink class="dropdown-item" href="/Layers/HeatmapLayerOnReady"> Heatmap layer </NavLink>
102+
</li>
103+
<li>
104+
<NavLink class="dropdown-item" href="/Layers/ImageLayerOnReady"> Image layer </NavLink>
105+
</li>
106+
<li>
107+
<NavLink class="dropdown-item" href="/Layers/LineLayerOnReady"> Line layer </NavLink>
108+
</li>
109+
<li>
110+
<NavLink class="dropdown-item" href="/Layers/PolygonLayerOnReady"> Polygon layer </NavLink>
111+
</li>
112+
<li>
113+
<NavLink class="dropdown-item" href="/Layers/PolygonExtrusionLayerOnReady"> Polygon extrusion layer </NavLink>
114+
</li>
115+
<li>
116+
<NavLink class="dropdown-item" href="/Layers/SymbolLayerOnReady"> Symbol layer </NavLink>
117+
</li>
118+
<li>
119+
<NavLink class="dropdown-item" href="/Layers/SymbolLayerWithFeatures"> Symbol layer with features </NavLink>
120+
</li>
121+
<li>
122+
<NavLink class="dropdown-item" href="/Layers/TileLayerOnReady"> Tile layer </NavLink>
123+
</li>
124+
<li>
125+
<NavLink class="dropdown-item" href="/Layers/VectorTileSource"> Vector tile source </NavLink>
126+
</li>
127+
<li>
128+
<NavLink class="dropdown-item" href="/Layers/LayerRemove"> Remove layer </NavLink>
129+
</li>
130+
</ul>
131+
</li>
132+
<li class="nav-item dropdown">
133+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
134+
Markers
135+
</a>
136+
<ul class="dropdown-menu">
137+
<li>
138+
<NavLink class="dropdown-item" href="/Markers/HtmlMarkerPopup"> HTML marker popup </NavLink>
139+
</li>
140+
<li>
141+
<NavLink class="dropdown-item" href="/Markers/HtmlMarkers"> HTML markers </NavLink>
142+
</li>
143+
<li>
144+
<NavLink class="dropdown-item" href="/Markers/HtmlMarkersOnReady"> HTML markers on ready </NavLink>
145+
</li>
146+
<li>
147+
<NavLink class="dropdown-item" href="/Markers/HtmlMarkersRemove"> Remove HTML markers </NavLink>
148+
</li>
149+
<li>
150+
<NavLink class="dropdown-item" href="/Markers/HtmlMarkersUpdate"> Update HTML markers </NavLink>
151+
</li>
152+
</ul>
153+
</li>
154+
<li class="nav-item dropdown">
155+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
156+
Options
157+
</a>
158+
<ul class="dropdown-menu">
159+
<li>
160+
<NavLink class="dropdown-item" href="/Options/CameraOptions"> Camera options </NavLink>
161+
</li>
162+
<li>
163+
<NavLink class="dropdown-item" href="/Options/StyleOptions"> Style options </NavLink>
164+
</li>
165+
<li>
166+
<NavLink class="dropdown-item" href="/Options/UserInteractionOptions"> User interaction options </NavLink>
167+
</li>
168+
</ul>
169+
</li>
170+
<li class="nav-item dropdown">
171+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
172+
Popups
173+
</a>
174+
<ul class="dropdown-menu">
175+
<li>
176+
<NavLink class="dropdown-item" href="/Popups/CustomizePopup"> Customize popup </NavLink>
177+
</li>
178+
<li>
179+
<NavLink class="dropdown-item" href="/Popups/MultipleContentTemplate"> Multiple content template </NavLink>
180+
</li>
181+
<li>
182+
<NavLink class="dropdown-item" href="/Popups/NoDefinedTemplate"> No defined template </NavLink>
183+
</li>
184+
<li>
185+
<NavLink class="dropdown-item" href="/Popups/PopupEvents"> Popup events </NavLink>
186+
</li>
187+
<li>
188+
<NavLink class="dropdown-item" href="/Popups/PopupOnReady"> Popup on ready </NavLink>
189+
</li>
190+
<li>
191+
<NavLink class="dropdown-item" href="/Popups/PropertyInfoTemplate"> PropertyInfo template </NavLink>
192+
</li>
193+
<li>
194+
<NavLink class="dropdown-item" href="/Popups/ReusePopup"> Reuse popup </NavLink>
195+
</li>
196+
<li>
197+
<NavLink class="dropdown-item" href="/Popups/ReuseTemplate"> Reuse template </NavLink>
198+
</li>
199+
<li>
200+
<NavLink class="dropdown-item" href="/Popups/StringTemplate"> String template </NavLink>
201+
</li>
202+
</ul>
203+
</li>
204+
<li class="nav-item dropdown">
205+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
206+
Sources
207+
</a>
208+
<ul class="dropdown-menu">
209+
<li>
210+
<NavLink class="dropdown-item" href="/Sources/ExtrudedGriddedDatasource"> Extruded gridded datasource </NavLink>
211+
</li>
212+
<li>
213+
<NavLink class="dropdown-item" href="/Sources/GriddedDatasourceOptions"> Gridded datasource options </NavLink>
214+
</li>
215+
</ul>
216+
</li>
217+
<li class="nav-item dropdown">
218+
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
219+
Traffic
220+
</a>
221+
<ul class="dropdown-menu">
222+
<li>
223+
<NavLink class="dropdown-item" href="/Traffic/Basics"> Basics </NavLink>
224+
</li>
225+
<li>
226+
<NavLink class="dropdown-item" href="/Traffic/TrafficOptionsUpdate"> Traffic options update </NavLink>
227+
</li>
228+
</ul>
229+
</li>
230+
</ul>
231+
</div>
232+
</div>
233+
</nav>

‎samples/AzureMapsControl.Sample/Components/Layout/NavMenu.razor.css‎

Whitespace-only changes.

samples/AzureMapsControl.Sample/Pages/Animations/AnimationBar.razor renamed to samples/AzureMapsControl.Sample/Components/Pages/Animations/AnimationBar.razor

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22

33
<style>
44
.animations-btns {
5-
position: absolute;
6-
z-index: 1000;
7-
left: 0;
8-
top: 0;
5+
position: fixed;
6+
z-index: 1;
7+
left: 5rem;
8+
top: 5rem;
99
}
1010
</style>
1111

0 commit comments

Comments
 (0)