🚧 Get started on i18n

https://codefirst.iut.uca.fr/documentation/julien.riboulet/docusaurus/Blazor/globalisation-localisation/translate-site-resources/#location-files

blazor_lab/Controllers/CultureController.cs

@@ -0,0 +1,31 @@
+using Microsoft.AspNetCore.Localization;
+using Microsoft.AspNetCore.Mvc;
+
+/// <summary>
+/// The culture controller.
+/// </summary>
+[Route("[controller]/[action]")]
+public class CultureController : Controller
+{
+    /// <summary>
+    /// Sets the culture.
+    /// </summary>
+    /// <param name="culture">The culture.</param>
+    /// <param name="redirectUri">The redirect URI.</param>
+    /// <returns>
+    /// The action result.
+    /// </returns>
+    public IActionResult SetCulture(string culture, string redirectUri)
+    {
+        if (culture != null)
+        {
+            // Define a cookie with the selected culture
+            this.HttpContext.Response.Cookies.Append(
+                CookieRequestCultureProvider.DefaultCookieName,
+                CookieRequestCultureProvider.MakeCookieValue(
+                    new RequestCulture(culture)));
+        }
+
+        return this.LocalRedirect(redirectUri);
+    }
+}

blazor_lab/Pages/Index.razor

@@ -1,4 +1,5 @@
 @page "/"
+@using System.Globalization;
 
 <PageTitle>Index</PageTitle>
 
@@ -7,3 +8,7 @@
 Welcome to your new app.
 
 <SurveyPrompt Title="How is Blazor working for you?" />
+
+<p>
+    <b>CurrentCulture</b>: @CultureInfo.CurrentCulture
+</p> 

blazor_lab/Program.cs

@@ -5,6 +5,9 @@ using Blazorise.Icons.FontAwesome;
 using Blazored.LocalStorage;
 using blazor_lab.Services;
 using Blazored.Modal;
+using Microsoft.AspNetCore.Localization;
+using System.Globalization;
+using Microsoft.Extensions.Options;
 
 var builder = WebApplication.CreateBuilder(args);
 
@@ -25,6 +28,23 @@ builder.Services.AddBlazoredLocalStorage();
 builder.Services.AddScoped<IDataService, DataLocalService>();
 builder.Services.AddBlazoredModal();
 
+// Add the controller of the app
+builder.Services.AddControllers();
+
+// Add the localization to the app and specify the resources path
+builder.Services.AddLocalization(opts => { opts.ResourcesPath = "Resources"; });
+
+// Configure the localtization
+builder.Services.Configure<RequestLocalizationOptions>(options =>
+{
+    // Set the default culture of the web site
+    options.DefaultRequestCulture = new RequestCulture(new CultureInfo("en-US"));
+
+    // Declare the supported culture
+    options.SupportedCultures = new List<CultureInfo> { new CultureInfo("en-US"), new CultureInfo("fr-FR") };
+    options.SupportedUICultures = new List<CultureInfo> { new CultureInfo("en-US"), new CultureInfo("fr-FR") };
+});
+
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.
@@ -41,6 +61,23 @@ app.UseStaticFiles();
 
 app.UseRouting();
 
+// Get the current localization options
+var options = ((IApplicationBuilder)app)
+    .ApplicationServices
+    .GetService<IOptions<RequestLocalizationOptions>>();
+
+if (options?.Value != null)
+{
+    // use the default localization
+    app.UseRequestLocalization(options.Value);
+}
+
+// Add the controller to the endpoint
+app.UseEndpoints(endpoints =>
+{
+    endpoints.MapControllers();
+});
+
 app.MapBlazorHub();
 app.MapFallbackToPage("/_Host");
 

blazor_lab/Shared/CultureSelector.razor

@@ -0,0 +1,43 @@
+@using System.Globalization
+@inject NavigationManager NavigationManager
+
+<p>
+    <label>
+        Select your locale:
+        <select @bind="Culture">
+            @foreach (var culture in supportedCultures)
+            {
+                <option value="@culture">@culture.DisplayName</option>
+            }
+        </select>
+    </label>
+</p>
+
+@code
+{
+    private CultureInfo[] supportedCultures = new[]
+    {
+        new CultureInfo("en-US"),
+        new CultureInfo("fr-FR")
+    };
+
+    private CultureInfo Culture
+    {
+        get => CultureInfo.CurrentCulture;
+        set
+        {
+            if (CultureInfo.CurrentUICulture == value)
+            {
+                return;
+            }
+
+            var culture = value.Name.ToLower(CultureInfo.InvariantCulture);
+
+            var uri = new Uri(this.NavigationManager.Uri).GetComponents(UriComponents.PathAndQuery, UriFormat.Unescaped);
+            var query = $"?culture={Uri.EscapeDataString(culture)}&" + $"redirectUri={Uri.EscapeDataString(uri)}";
+
+            // Redirect the user to the culture controller to set the cookie
+            this.NavigationManager.NavigateTo("/Culture/SetCulture" + query, forceLoad: true);
+        }
+    }
+}

blazor_lab/Shared/MainLayout.razor

@@ -10,6 +10,11 @@
     </div>
 
     <main>
+        <div class="top-row px-4">
+            <div class="px-4">
+                <CultureSelector />
+            </div>
+        </div>
         <article class="content px-4">
             @Body
         </article>