📝 Update docs
continuous-integration/drone/push Build is passing Details

master
Julien Riboulet 2 years ago
parent b509aa824f
commit aa4cadf5d6

@ -110,6 +110,10 @@ builder.Services.AddScoped<IDataService, DataApiService>();
Download this [project](/Minecraft.Crafting.Api.zip).
:::caution
If you have a 404 error with the download, remove the last `/` at the end of the url. Example : `.zip/` => `.zip`
:::
Unzip the file in the directory of your project, at the same place of the directory of the Blazor Project.
Example:

@ -94,6 +94,17 @@ public class DataLocalService : IDataService
public async Task<int> Count()
{
// Load data from the local storage
var currentData = await _localStorage.GetItemAsync<Item[]>("data");
// Check if data exist in the local storage
if (currentData == null)
{
// this code add in the local storage the fake data
var originalData = await _http.GetFromJsonAsync<Item[]>($"{_navigationManager.BaseUri}fake-data.json");
await _localStorage.SetItemAsync("data", originalData);
}
return (await _localStorage.GetItemAsync<Item[]>("data")).Length;
}

@ -65,44 +65,46 @@ From now on our page will be available from the `/list` address of our site.
Open the `Shared/NavMenu.razor` file and add the highlighted lines:
```cshtml title="Shared/NavMenu.razor"
<div class="top-row pl-4 navbar navbar-dark">
<a class="navbar-brand" href="">MyBeautifulAdmin</a>
<button class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">TO_DELETE_BlazorApp30000</a>
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
<ul class="nav flex-column">
<nav class="flex-column">
// highlight-start
<li class="nav-item px-3">
<NavLink class="nav-link" href="list">
<div class="nav-item px-3">
<NavLink class="nav-link" href="list" Match="NavLinkMatch.All">
<span class="oi oi-list-rich" aria-hidden="true"></span> List
</NavLink>
</li>
</div>
// highlight-end
<li class="nav-item px-3">
<div class="nav-item px-3">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</li>
<li class="nav-item px-3">
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="counter">
<span class="oi oi-plus" aria-hidden="true"></span> Counter
</NavLink>
</li>
<li class="nav-item px-3">
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="fetchdata">
<span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
</NavLink>
</li>
</ul>
</div>
</nav>
</div>
@code {
private bool collapseNavMenu = true;
private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
private void ToggleNavMenu()
{

@ -110,6 +110,10 @@ builder.Services.AddScoped<IDataService, DataApiService>();
Téléchargez ce [projet](/Minecraft.Crafting.Api.zip).
:::caution
Si vous avez une erreur 404 avec le téléchargement, supprimez le dernier `/` à la fin de l'url. Exemple : `.zip/` => `.zip`
:::
Décompressez le fichier dans le répertoire de votre projet, au même endroit que le répertoire du projet Blazor.
Exemple:

@ -94,6 +94,17 @@ public class DataLocalService : IDataService
public async Task<int> Count()
{
// Load data from the local storage
var currentData = await _localStorage.GetItemAsync<Item[]>("data");
// Check if data exist in the local storage
if (currentData == null)
{
// this code add in the local storage the fake data
var originalData = await _http.GetFromJsonAsync<Item[]>($"{_navigationManager.BaseUri}fake-data.json");
await _localStorage.SetItemAsync("data", originalData);
}
return (await _localStorage.GetItemAsync<Item[]>("data")).Length;
}

@ -65,44 +65,46 @@ Désormais notre page sera disponible à partir de l'adresse `/list` de notre si
Ouvrer le fichier `Shared/NavMenu.razor` et ajouter les lignes en surbrillances :
```cshtml title="Shared/NavMenu.razor"
<div class="top-row pl-4 navbar navbar-dark">
<a class="navbar-brand" href="">MyBeautifulAdmin</a>
<button class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">TO_DELETE_BlazorApp30000</a>
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
<ul class="nav flex-column">
<nav class="flex-column">
// highlight-start
<li class="nav-item px-3">
<NavLink class="nav-link" href="list">
<div class="nav-item px-3">
<NavLink class="nav-link" href="list" Match="NavLinkMatch.All">
<span class="oi oi-list-rich" aria-hidden="true"></span> List
</NavLink>
</li>
</div>
// highlight-end
<li class="nav-item px-3">
<div class="nav-item px-3">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</li>
<li class="nav-item px-3">
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="counter">
<span class="oi oi-plus" aria-hidden="true"></span> Counter
</NavLink>
</li>
<li class="nav-item px-3">
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="fetchdata">
<span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
</NavLink>
</li>
</ul>
</div>
</nav>
</div>
@code {
private bool collapseNavMenu = true;
private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
private void ToggleNavMenu()
{

Loading…
Cancel
Save