Merge branch 'blazor' of https://codefirst.iut.uca.fr/git/antoine.jourdain/SAE_2A_Anglais into blazor

Project/adminBlazor/adminBlazor/Shared/NavBar.razor

@@ -1,10 +1,10 @@
 
 
 <div class="navbar">
-    <a href="http://localhost/SAE_2A_Anglais/Project/php/#page-top">Home</a>
-    <a href="/list">Users</a>
-    <a href="/account">My Account</a>
-    <a href="/voc">Vocabulary Lists</a>
+    <a href="http://localhost/SAE_2A_Anglais/Project/php/#page-top">@Localizer["Home"]</a>
+    <a href="/list">@Localizer["Users"]</a>
+    <a href="/account">@Localizer["My account"]</a>
+    <a href="/voc">@Localizer["Vocabulary Lists"]</a>
 </div>
 
 

Project/adminBlazor/adminBlazor/Shared/NavBar.razor.cs

@@ -0,0 +1,12 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+
+namespace adminBlazor.Shared
+{
+    public partial class NavBar
+    {
+        [Inject]
+        public IStringLocalizer<NavBar> Localizer { get; set; }
+    }
+}
+

Project/adminBlazor/adminBlazor/Shared/NavMenu.razor

@@ -1,36 +0,0 @@
-<div class="top-row ps-3 navbar navbar-dark">
-    <div class="container-fluid">
-        <a class="navbar-brand" href="">adminBlazor</a>
-        <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-    </div>
-</div>
-
-<div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu">
-    <nav class="flex-column">
-        <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>
-        </div>
-        <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>
-        </div>         
-
-    </nav>
-</div>
-
-@code {
-    private bool collapseNavMenu = true;
-
-    private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
-
-    private void ToggleNavMenu()
-    {
-        collapseNavMenu = !collapseNavMenu;
-    }
-}
-

Project/adminBlazor/adminBlazor/Shared/NavMenu.razor.css

@@ -1,69 +0,0 @@
-.navbar-toggler {
-    background-color: rgba(255, 255, 255, 0.1);
-}
-
-.top-row {
-    height: 3.5rem;
-    background-color: rgba(0,0,0,0.4);
-}
-
-.navbar-brand {
-    font-size: 1.1rem;
-}
-
-.oi {
-    width: 2rem;
-    font-size: 1.1rem;
-    vertical-align: text-top;
-    top: -2px;
-}
-
-.nav-item {
-    font-size: 0.9rem;
-    padding-bottom: 0.5rem;
-}
-
-    .nav-item:first-of-type {
-        padding-top: 1rem;
-    }
-
-    .nav-item:last-of-type {
-        padding-bottom: 1rem;
-    }
-
-    .nav-item ::deep a {
-        color: #d7d7d7;
-        border-radius: 4px;
-        height: 3rem;
-        display: flex;
-        align-items: center;
-        line-height: 3rem;
-    }
-
-.nav-item ::deep a.active {
-    background-color: rgba(255,255,255,0.25);
-    color: white;
-}
-
-.nav-item ::deep a:hover {
-    background-color: rgba(255,255,255,0.1);
-    color: white;
-}
-
-@media (min-width: 641px) {
-    .navbar-toggler {
-        display: none;
-    }
-
-    .collapse {
-        /* Never collapse the sidebar for wide screens */
-        display: block;
-    }
-    
-    .nav-scrollable {
-        /* Allow sidebar to scroll for tall menus */
-        height: calc(100vh - 3.5rem);
-        overflow-y: auto;
-    }
-}
-