julien.riboulet
/
Blazor
1
1
Fork 0
Code Issues 14 Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
master
Julien Riboulet 2 years ago
parent b509aa824f
commit aa4cadf5d6
6 changed files with 68 additions and 34 deletions
Show Stats Download Patch File Download Diff File

4
Documentation/docusaurus/docs/api/make-http-requests.md
Unescape View File

@ -110,6 +110,10 @@ builder.Services.AddScoped<IDataService, DataApiService>();
Download this [project](/Minecraft.Crafting.Api.zip). 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. Unzip the file in the directory of your project, at the same place of the directory of the Blazor Project.
Example: Example:

11
Documentation/docusaurus/docs/di-ioc/create-data-service.md
Unescape View File

@ -94,6 +94,17 @@ public class DataLocalService : IDataService
public async Task<int> Count() 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; return (await _localStorage.GetItemAsync<Item[]>("data")).Length;
} }

36
Documentation/docusaurus/docs/view-data/page-creation.md
Unescape View File

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

4
Documentation/docusaurus/i18n/fr/docusaurus-plugin-content-docs/current/api/make-http-requests.md
Unescape View File

@ -110,6 +110,10 @@ builder.Services.AddScoped<IDataService, DataApiService>();
Téléchargez ce [projet](/Minecraft.Crafting.Api.zip). 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. Décompressez le fichier dans le répertoire de votre projet, au même endroit que le répertoire du projet Blazor.
Exemple: Exemple:

11
Documentation/docusaurus/i18n/fr/docusaurus-plugin-content-docs/current/di-ioc/create-data-service.md
Unescape View File

@ -94,6 +94,17 @@ public class DataLocalService : IDataService
public async Task<int> Count() 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; return (await _localStorage.GetItemAsync<Item[]>("data")).Length;
} }

36
Documentation/docusaurus/i18n/fr/docusaurus-plugin-content-docs/current/view-data/page-creation.md
Unescape View File

@ -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 : Ouvrer le fichier `Shared/NavMenu.razor` et ajouter les lignes en surbrillances :
```cshtml title="Shared/NavMenu.razor" ```cshtml title="Shared/NavMenu.razor"
<div class="top-row pl-4 navbar navbar-dark"> <div class="top-row ps-3 navbar navbar-dark">
<a class="navbar-brand" href="">MyBeautifulAdmin</a> <div class="container-fluid">
<button class="navbar-toggler" @onclick="ToggleNavMenu"> <a class="navbar-brand" href="">TO_DELETE_BlazorApp30000</a>
<span class="navbar-toggler-icon"></span> <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
</button> <span class="navbar-toggler-icon"></span>
</button>
</div>
</div> </div>
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu"> <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
<ul class="nav flex-column"> <nav class="flex-column">
// highlight-start // highlight-start
<li class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="list"> <NavLink class="nav-link" href="list" Match="NavLinkMatch.All">
<span class="oi oi-list-rich" aria-hidden="true"></span> List <span class="oi oi-list-rich" aria-hidden="true"></span> List
</NavLink> </NavLink>
</li> </div>
// highlight-end // highlight-end
<li class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All"> <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home <span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink> </NavLink>
</li> </div>
<li class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="counter"> <NavLink class="nav-link" href="counter">
<span class="oi oi-plus" aria-hidden="true"></span> Counter <span class="oi oi-plus" aria-hidden="true"></span> Counter
</NavLink> </NavLink>
</li> </div>
<li class="nav-item px-3"> <div class="nav-item px-3">
<NavLink class="nav-link" href="fetchdata"> <NavLink class="nav-link" href="fetchdata">
<span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
</NavLink> </NavLink>
</li> </div>
</ul> </nav>
</div> </div>
@code { @code {
private bool collapseNavMenu = true; private bool collapseNavMenu = true;
private string NavMenuCssClass => collapseNavMenu ? "collapse" : null; private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
private void ToggleNavMenu() private void ToggleNavMenu()
{ {

Write Preview
Loading…
Cancel
Save