englisch

TrafagSalesExporter/Components/Layout/MainLayout.razor

@@ -1,4 +1,6 @@
 @inherits LayoutComponentBase
+@implements IDisposable
+@inject TrafagSalesExporter.Services.IUiTextService UiText
 
 <MudThemeProvider Theme="_theme" />
 <MudPopoverProvider />
@@ -9,8 +11,18 @@
     <MudAppBar Elevation="1" Color="Color.Primary">
         <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start"
                        OnClick="ToggleDrawer" />
-        <MudText Typo="Typo.h6" Class="ml-3 app-title">Trafag Finanze/Sales Management Cockpit</MudText>
+        <MudText Typo="Typo.h6" Class="ml-3 app-title">@T("Trafag Finanze/Sales Management Cockpit", "Trafag Finance/Sales Management Cockpit")</MudText>
         <MudSpacer />
+        <MudSelect T="string"
+                   Value="@UiText.CurrentLanguage"
+                   ValueChanged="ChangeLanguage"
+                   Dense
+                   Variant="Variant.Outlined"
+                   Class="mr-3"
+                   Style="min-width:100px; color:white;">
+            <MudSelectItem Value="@("de")">DE</MudSelectItem>
+            <MudSelectItem Value="@("en")">EN</MudSelectItem>
+        </MudSelect>
         <img src="trafag.jpg" alt="Trafag" class="app-logo" />
     </MudAppBar>
 
@@ -18,7 +30,7 @@
         <NavMenu />
     </MudDrawer>
 
-    <MudMainContent Class="pa-4">
+    <MudMainContent Class="pa-4" @key="UiText.CurrentLanguage">
         @Body
     </MudMainContent>
 </MudLayout>
@@ -36,5 +48,27 @@
         }
     };
 
+    protected override void OnInitialized()
+    {
+        UiText.Changed += HandleLanguageChanged;
+    }
+
     private void ToggleDrawer() => _drawerOpen = !_drawerOpen;
+
+    private void ChangeLanguage(string language)
+    {
+        UiText.SetLanguage(language);
+    }
+
+    private void HandleLanguageChanged()
+    {
+        InvokeAsync(StateHasChanged);
+    }
+
+    private string T(string german, string english) => UiText.Text(german, english);
+
+    public void Dispose()
+    {
+        UiText.Changed -= HandleLanguageChanged;
+    }
 }

TrafagSalesExporter/Components/Layout/NavMenu.razor

@@ -1,20 +1,26 @@
+@inject TrafagSalesExporter.Services.IUiTextService UiText
+
 <MudNavMenu>
     <MudNavLink Href="/" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Dashboard">
-        Dashboard
+        @T("Dashboard", "Dashboard")
     </MudNavLink>
     <MudNavLink Href="/standorte" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.LocationOn">
-        Standorte
+        @T("Standorte", "Sites")
     </MudNavLink>
     <MudNavLink Href="/transformations" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Transform">
-        Transformationen
+        @T("Transformationen", "Transformations")
     </MudNavLink>
     <MudNavLink Href="/management-cockpit" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Analytics">
-        Management Cockpit
+        @T("Management Cockpit", "Management Cockpit")
     </MudNavLink>
     <MudNavLink Href="/settings" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Settings">
-        Settings
+        @T("Settings", "Settings")
     </MudNavLink>
     <MudNavLink Href="/logs" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.List">
-        Logs
+        @T("Logs", "Logs")
     </MudNavLink>
 </MudNavMenu>
+
+@code {
+    private string T(string german, string english) => UiText.Text(german, english);
+}