merge

Author: Brano5

GitVersion.yml

@@ -1,5 +1,5 @@
 mode: ContinuousDeployment
-next-version: 0.46.0
+next-version: 0.47.0
 branches:
   main:
     regex: ^master$|^main$

src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/Templates/TemplateBase.razor.cs

@@ -8,16 +8,23 @@
 using System.Text;
 using System.Threading.Tasks;
 using AXSharp.Connector;
+using System.Globalization;
 
 
 namespace AXSharp.Presentation.Blazor.Controls.Templates
 {
     public abstract class TemplateBase<T> : RenderableComponentBase
     {
+        /// <summary>
+        /// Gets the tooltip or human readable name of the Onliner.
+        /// </summary>
         protected string ToolTipOrHumanReadable => string.IsNullOrEmpty(Onliner.AttributeToolTip)
-            ? Onliner.HumanReadable
+            ? Onliner.GetHumanReadable(CultureInfo.CurrentUICulture) 
             : Onliner.AttributeToolTip;
 
+        /// <summary>
+        /// Gets the symbol of the Onliner.
+        /// </summary>
         protected string Symbol => Onliner.Symbol;
 
         private IJSObjectReference? module;
@@ -29,31 +36,60 @@ public IJSRuntime JSRuntime
             set;
         }
 
+        /// <summary>
+        /// The Onliner associated with this template.
+        /// </summary>
         [Parameter]
         public virtual OnlinerBase<T> Onliner { get; set; }
 
+        /// <summary>
+        /// Indicates whether the control is read-only.
+        /// </summary>
         [Parameter]
         public bool IsReadOnly { get; set; }
 
+        /// <summary>
+        /// Indicates whether the label should be hidden.
+        /// </summary>
         [Parameter]
         public bool HideLabel { get; set; } = false;
 
+        /// <summary>
+        /// The unit of measurement for the value.
+        /// </summary>
         [Parameter]
         public string? Unit { get; set; }
 
+        /// <summary>
+        /// The format string for displaying the value.
+        /// </summary>
         [Parameter]
         public string? Format { get; set; }
 
+        /// <summary>
+        /// The last known value of the Onliner.
+        /// </summary>
         protected T LastValue { get; set; }
 
+        /// <summary>
+        /// Gets or sets the current value of the Onliner.
+        /// </summary>
         protected T Value
         {
             get
             {
                 if (!HasFocus)
                 {
-                    LastValue = Onliner.Cyclic; // if is only readed, update LastValue for "HasFocus" case
-                    return Onliner.Cyclic;
+                    switch(Onliner)
+                    {
+                        case OnlinerBase<string> onlinerString:
+                            LastValue = (T)(object)onlinerString.GetCyclic(CultureInfo.CurrentUICulture);
+                            break;
+                        case OnlinerBase<T> onliner:
+                            LastValue = onliner.Cyclic;
+                            break;
+                    }
+                    return LastValue;
                 }
                 else
                 {
@@ -78,9 +114,13 @@ protected override Task OnInitializedAsync()
             return base.OnInitializedAsync();
         }
 
+        /// <summary>
+        /// Gets the label for the control based on the Onliner's attribute name and units.
+        /// </summary>
+        /// <returns></returns>
         protected string GetLabel()
         {
-            return Onliner.AttributeName + (string.IsNullOrWhiteSpace(Onliner.AttributeUnits) ? null : $" [{Onliner.AttributeUnits}]");
+            return Onliner.GetAttributeName(CultureInfo.CurrentUICulture) + (string.IsNullOrWhiteSpace(Onliner.AttributeUnits) ? null : $" [{Onliner.AttributeUnits}]");
         }
     }
 }

src/AXSharp.blazor/tests/sandbox/IxBlazor.App/Pages/_Host.cshtml

@@ -42,5 +42,8 @@
 
     <script src="_framework/blazor.server.js"></script>
     <script src="/_content/Operon/js/javascript.js"></script>
+
+    <script src="~/js/theme.js"></script>
+    <script>themeManager.init();</script>
 </body>
 </html>

src/AXSharp.blazor/tests/sandbox/IxBlazor.App/Shared/MainLayout.razor

@@ -2,10 +2,10 @@
 
 @inject IJSRuntime JSRuntime
 
-<div class="sidebar">
+<div class="bg-background-light">
     <NavMenu />
 </div>
-<div class="main">
+<div class="bg-background">
 
     <div class="content px-4">
         @Body

src/AXSharp.blazor/tests/sandbox/IxBlazor.App/Shared/NavMenu.razor

@@ -1,4 +1,5 @@
 <header class="bg-primary-50">
+    <Theme />
     <div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
         <div class="flex h-16 items-center justify-between">
             @* <div class="flex-1 md:flex md:items-center md:gap-12"> *@

src/AXSharp.blazor/tests/sandbox/IxBlazor.App/Shared/Theme.razor

@@ -0,0 +1,13 @@
+@inject ThemeService _themeService
+
+<nav class="tab my-auto">
+    <button type="button" class="btn btn-primary @(0 != 0 ? "active" : null)" @onclick="() => _themeService.SetLightAsync()">
+        <Operon.Icons.HeroIcon Icon="sun" Type="Operon.Icons.IconType.Outline" Class="size-5" />
+    </button>
+    <button type="button" class="btn btn-primary @(0 != 0 ? "active" : null)" @onclick="() => _themeService.SetDarkAsync()">
+        <Operon.Icons.HeroIcon Icon="moon" Type="Operon.Icons.IconType.Outline" Class="size-5" />
+    </button>
+    <button type="button" class="btn btn-primary @(0 != 0 ? "active" : null)" @onclick="() => _themeService.SetSystemAsync()">
+        <Operon.Icons.HeroIcon Icon="computer-desktop" Type="Operon.Icons.IconType.Outline" Class="size-5" />
+    </button>
+</nav>

src/AXSharp.blazor/tests/sandbox/IxBlazor.App/Startup.cs

@@ -31,6 +31,8 @@ public void ConfigureServices(IServiceCollection services)
             services.AddRazorPages();
             services.AddServerSideBlazor();
             services.AddIxBlazorServices();
+
+            services.AddScoped<ThemeService>();
         }
 
         // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.

src/AXSharp.blazor/tests/sandbox/IxBlazor.App/ThemeService.cs

@@ -0,0 +1,24 @@
+using Microsoft.JSInterop;
+using System.Threading.Tasks;
+
+namespace ixBlazor.App
+{
+    public class ThemeService
+    {
+        private readonly IJSRuntime _js;
+
+        public ThemeService(IJSRuntime js) => _js = js;
+
+        public ValueTask InitAsync() =>
+            _js.InvokeVoidAsync("themeManager.init");
+
+        public ValueTask SetLightAsync() =>
+            _js.InvokeVoidAsync("themeManager.setLight");
+
+        public ValueTask SetDarkAsync() =>
+            _js.InvokeVoidAsync("themeManager.setDark");
+
+        public ValueTask SetSystemAsync() =>
+            _js.InvokeVoidAsync("themeManager.setSystem");
+    }
+}