Merge pull request #967 from hishamco/language-switcher

Add Language switcher

Oqtane.Client/Oqtane.Client.csproj

@@ -17,6 +17,7 @@
     <PackageReleaseNotes>https://github.com/oqtane/oqtane.framework/releases/tag/v2.0.0</PackageReleaseNotes>
     <RootNamespace>Oqtane</RootNamespace>
     <IsPackable>true</IsPackable>
+    <BlazorWebAssemblyLoadAllGlobalizationData>true</BlazorWebAssemblyLoadAllGlobalizationData>
   </PropertyGroup>
 
   <ItemGroup>
@@ -30,6 +31,7 @@
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="5.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="5.0.0" PrivateAssets="all" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="5.0.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Localization" Version="2.2.0" />
     <PackageReference Include="Microsoft.Extensions.Localization" Version="5.0.0" />
     <PackageReference Include="System.Net.Http.Json" Version="5.0.0" />
   </ItemGroup>

Oqtane.Client/Program.cs

@@ -1,19 +1,23 @@
 using System;
 using System.Collections.Generic;
+using System.Globalization;
 using System.IO;
 using System.IO.Compression;
 using System.Linq;
 using System.Net.Http;
 using System.Reflection;
-using System.Threading.Tasks;
 using System.Runtime.Loader;
+using System.Threading.Tasks;
 using Microsoft.AspNetCore.Components.Authorization;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using Microsoft.AspNetCore.Localization;
 using Microsoft.Extensions.DependencyInjection;
+using Microsoft.JSInterop;
 using Oqtane.Modules;
 using Oqtane.Providers;
-using Oqtane.Shared;
 using Oqtane.Services;
+using Oqtane.Shared;
+using Oqtane.UI;
 
 namespace Oqtane.Client
 {
@@ -62,6 +66,7 @@ namespace Oqtane.Client
             builder.Services.AddScoped<ISiteTemplateService, SiteTemplateService>();
             builder.Services.AddScoped<ISqlService, SqlService>();
             builder.Services.AddScoped<ISystemService, SystemService>();
+            builder.Services.AddScoped<ILocalizationService, LocalizationService>();
 
             await LoadClientAssemblies(httpClient);
 
@@ -88,6 +93,19 @@ namespace Oqtane.Client
             }
 
             var host = builder.Build();
+            var jsRuntime = host.Services.GetRequiredService<IJSRuntime>();
+            var interop = new Interop(jsRuntime);
+            var localizationCookie = await interop.GetCookie(CookieRequestCultureProvider.DefaultCookieName);
+            var culture = CookieRequestCultureProvider.ParseCookieValue(localizationCookie).UICultures[0].Value;
+            var localizationService = host.Services.GetRequiredService<ILocalizationService>();
+            var cultures = await localizationService.GetCulturesAsync();
+
+            if (culture == null || !cultures.Any(c => c.Name.Equals(culture, StringComparison.OrdinalIgnoreCase)))
+            {
+                culture = cultures.Single(c => c.IsDefault).Name;
+            }
+
+            SetCulture(culture);
 
             ServiceActivator.Configure(host.Services);
 
@@ -142,5 +160,12 @@ namespace Oqtane.Client
                 }
             }
         }
+
+        private static void SetCulture(string culture)
+        {
+            var cultureInfo = CultureInfo.GetCultureInfo(culture);
+            CultureInfo.DefaultThreadCurrentCulture = cultureInfo;
+            CultureInfo.DefaultThreadCurrentUICulture = cultureInfo;
+        }
     }
 }

Oqtane.Client/Services/Interfaces/ILocalizationService.cs

@@ -0,0 +1,11 @@
+using System.Collections.Generic;
+using System.Threading.Tasks;
+using Oqtane.Models;
+
+namespace Oqtane.Services
+{
+    public interface ILocalizationService
+    {
+        Task<IEnumerable<Culture>> GetCulturesAsync();
+    }
+}

Oqtane.Client/Services/LocalizationService.cs

@@ -0,0 +1,22 @@
+using System.Collections.Generic;
+using System.Net.Http;
+using System.Threading.Tasks;
+using Oqtane.Models;
+using Oqtane.Shared;
+
+namespace Oqtane.Services
+{
+    public class LocalizationService : ServiceBase, ILocalizationService
+    {
+        private readonly SiteState _siteState;
+
+        public LocalizationService(HttpClient http, SiteState siteState) : base(http)
+        {
+            _siteState = siteState;
+        }
+
+        private string Apiurl => CreateApiUrl(_siteState.Alias, "Localization");
+
+        public async Task<IEnumerable<Culture>> GetCulturesAsync() => await GetJsonAsync<IEnumerable<Culture>>(Apiurl);
+    }
+}

Oqtane.Client/Themes/Controls/ControlPanel.razor

@@ -198,6 +198,8 @@
     </div>
 }
 
+<LanguageSwitcher />
+
 @if (UserSecurity.IsAuthorized(PageState.User, PermissionNames.Edit, PageState.Page.Permissions) || (PageState.Page.IsPersonalizable && PageState.User != null))
 {
     if (PageState.EditMode)

Oqtane.Client/Themes/Controls/LanguageSwitcher.razor

@@ -0,0 +1,46 @@
+@namespace Oqtane.Themes.Controls
+@inherits ThemeControlBase
+@using System.Globalization
+@using Microsoft.AspNetCore.Localization; 
+@using Oqtane.Models
+@inject ILocalizationService LocalizationService
+@inject NavigationManager NavigationManager
+
+@if (_supportedCultures != null && Visible)
+{
+    <div class="btn-group" role="group">
+        <button id="btnCultures" type="button" class="btn btn-outline-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <span class="oi oi-globe"></span>
+        </button>
+        <div class="dropdown-menu" aria-labelledby="btnCultures">
+            @foreach (var culture in _supportedCultures)
+            {
+                <a class="dropdown-item @(CultureInfo.CurrentUICulture.Name == culture.Name ? "active" : String.Empty)" href="#" @onclick="@(async e => await SetCultureAsync(culture.Name))">@culture.DisplayName</a>
+            }
+        </div>
+    </div>
+}
+
+@code{
+    private IEnumerable<Culture> _supportedCultures;
+
+    [Parameter]
+    public bool Visible { get; set; } = true;
+
+    protected override async Task OnParametersSetAsync()
+    {
+        _supportedCultures = await LocalizationService.GetCulturesAsync();
+    }
+
+    private async Task SetCultureAsync(string culture)
+    {
+        if (culture != CultureInfo.CurrentUICulture.Name)
+        {
+            var interop = new Interop(JSRuntime);
+            var localizationCookieValue = CookieRequestCultureProvider.MakeCookieValue(new RequestCulture(culture));
+            await interop.SetCookie(CookieRequestCultureProvider.DefaultCookieName, localizationCookieValue, 360);
+
+            NavigationManager.NavigateTo(NavigationManager.Uri, forceLoad: true);
+        }
+    }
+}

Oqtane.Client/UI/Interop.cs

@@ -1,5 +1,4 @@
-using Microsoft.JSInterop;
-using Oqtane.Models;
+using Microsoft.JSInterop;
 using System.Threading.Tasks;
 
 namespace Oqtane.UI
@@ -233,6 +232,5 @@ namespace Oqtane.UI
                 return Task.CompletedTask;
             }
         }
-
     }
 }

Oqtane.Server/Controllers/LocalizationController.cs

@@ -0,0 +1,32 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using Microsoft.AspNetCore.Mvc;
+using Oqtane.Infrastructure;
+using Oqtane.Models;
+using Oqtane.Shared;
+
+namespace Oqtane.Controllers
+{
+    [Route(ControllerRoutes.Default)]
+    public class LocalizationController : Controller
+    {
+        private readonly ILocalizationManager _localizationManager;
+
+        public LocalizationController(ILocalizationManager localizationManager)
+        {
+            _localizationManager = localizationManager;
+        }
+
+        // GET: api/localization
+        [HttpGet()]
+        public IEnumerable<Culture> Get()
+            => _localizationManager.GetSupportedCultures().Select(c => new Culture {
+                Name = CultureInfo.GetCultureInfo(c).Name,
+                DisplayName = CultureInfo.GetCultureInfo(c).DisplayName,
+                IsDefault = _localizationManager.GetDefaultCulture()
+                    .Equals(CultureInfo.GetCultureInfo(c).Name, StringComparison.OrdinalIgnoreCase)
+            });
+    }
+}

Oqtane.Server/Extensions/ApplicationBuilderExtensions.cs

@@ -1,5 +1,4 @@
-using System;
-using System.Globalization;
+using System;
 using System.Linq;
 using System.Reflection;
 using Microsoft.AspNetCore.Builder;
@@ -31,11 +30,9 @@ namespace Oqtane.Extensions
             var defaultCulture = localizationManager.GetDefaultCulture();
             var supportedCultures = localizationManager.GetSupportedCultures();
 
-            CultureInfo.CurrentUICulture = new CultureInfo(defaultCulture);
-
             app.UseRequestLocalization(options => {
                 options.SetDefaultCulture(defaultCulture)
-                    .AddSupportedUICultures(supportedCultures)
+                    .AddSupportedCultures(supportedCultures)
                     .AddSupportedUICultures(supportedCultures);
             });
 

Oqtane.Server/Pages/_Host.cshtml

@@ -1,17 +1,9 @@
-@page "/"
+@page "/"
 @namespace Oqtane.Pages
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
-@using System.Globalization
-@using Microsoft.AspNetCore.Localization
 @using Microsoft.Extensions.Configuration
 @inject IConfiguration Configuration
 @model Oqtane.Pages.HostModel
-
-@{
-    // Set localization cookie
-    var localizationCookieValue = CookieRequestCultureProvider.MakeCookieValue(new RequestCulture(CultureInfo.CurrentCulture, CultureInfo.CurrentUICulture));
-    HttpContext.Response.Cookies.Append(CookieRequestCultureProvider.DefaultCookieName, localizationCookieValue);
-}
 <!DOCTYPE html>
 <html>
 <head>

Oqtane.Server/Startup.cs

@@ -127,6 +127,7 @@ namespace Oqtane
             services.AddScoped<ISiteTemplateService, SiteTemplateService>();
             services.AddScoped<ISqlService, SqlService>();
             services.AddScoped<ISystemService, SystemService>();
+            services.AddScoped<ILocalizationService, LocalizationService>();
 
             services.AddSingleton<IHttpContextAccessor, HttpContextAccessor>();
 

Oqtane.Shared/Models/Culture.cs

@@ -0,0 +1,11 @@
+namespace Oqtane.Models
+{
+    public class Culture
+    {
+        public string Name { get; set; }
+
+        public string DisplayName { get; set; }
+
+        public bool IsDefault { get; set; }
+    }
+}