Merge pull request #1600 from pkuehnel/fix/decimalNumbericInput

fix(GenericInput): use decimal for numeric values

TeslaSolarCharger/Client/Helper/Contracts/IJavaScriptWrapper.cs

@@ -0,0 +1,9 @@
+namespace Lysando.LabStorageV2.UiHelper.Wrapper.Contracts;
+
+public interface IJavaScriptWrapper
+{
+    Task<bool> SetFocusToElementById(string elementId);
+    Task<bool> RemoveFocusFromElementById(string elementId);
+    Task OpenUrlInNewTab(string url);
+    Task<bool> IsIosDevice();
+}

TeslaSolarCharger/Client/Helper/JavaScriptWrapper.cs

@@ -0,0 +1,54 @@
+using Lysando.LabStorageV2.UiHelper.Wrapper.Contracts;
+using Microsoft.JSInterop;
+
+namespace Lysando.LabStorageV2.UiHelper.Wrapper;
+
+public class JavaScriptWrapper(IJSRuntime jsRuntime) : IJavaScriptWrapper
+{
+    /// <summary>
+    /// Sets the focus to an element with a specific ID
+    /// </summary>
+    /// <param name="elementId">ID to set the focus on</param>
+    /// <returns>Was the ID set successfully</returns>
+    public async Task<bool> SetFocusToElementById(string elementId)
+    {
+        try
+        {
+            return await jsRuntime.InvokeAsync<bool>("setFocus", elementId);
+        }
+        catch (Exception)
+        {
+            return false;
+        }
+    }
+
+    public async Task<bool> RemoveFocusFromElementById(string elementId)
+    {
+        try
+        {
+            return await jsRuntime.InvokeAsync<bool>("removeFocus", elementId);
+        }
+        catch (Exception)
+        {
+            return false;
+        }
+    }
+
+    public async Task OpenUrlInNewTab(string url)
+    {
+        await jsRuntime.InvokeVoidAsync("openInNewTab", url);
+    }
+
+    public async Task<bool> IsIosDevice()
+    {
+        try
+        {
+            var device = await jsRuntime.InvokeAsync<string>("detectDevice");
+            return device == "iOS";
+        }
+        catch (Exception)
+        {
+            return false;
+        }
+    }
+}

TeslaSolarCharger/Client/Program.cs

@@ -1,3 +1,5 @@
+using Lysando.LabStorageV2.UiHelper.Wrapper;
+using Lysando.LabStorageV2.UiHelper.Wrapper.Contracts;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using MudBlazor;
@@ -21,6 +23,7 @@
 builder.Services.AddScoped<INodePatternTypeHelper, NodePatternTypeHelper>();
 builder.Services.AddScoped<IDateTimeProvider, DateTimeProvider>();
 builder.Services.AddScoped<IDialogHelper, DialogHelper>();
+builder.Services.AddScoped<IJavaScriptWrapper, JavaScriptWrapper>();
 builder.Services.AddScoped<IHttpClientHelper, HttpClientHelper>();
 builder.Services.AddSingleton<ToolTipTextKeys>();
 builder.Services.AddSharedDependencies();

TeslaSolarCharger/Client/wwwroot/index.html

@@ -37,6 +37,7 @@
     <script src="js/fileDownload.js"></script>
     <script src="js/textAreaLineCount.js"></script>
     <script src="js/copyToClipboard.js"></script>
+    <script src="js/javaScriptWrapperFunctions.js"></script>
     <script src="_framework/blazor.webassembly.js"></script>
     <script>navigator.serviceWorker.register('service-worker.js');</script>
     <script src="_content/MudBlazor/MudBlazor.min.js"></script>

TeslaSolarCharger/Client/wwwroot/js/javaScriptWrapperFunctions.js

@@ -0,0 +1,30 @@
+function setFocus(elementId) {
+    const element = document.getElementById(elementId);
+    if (element) {
+        element.focus();
+        return true;
+    }
+    return false;
+}
+
+function removeFocus(elementId) {
+    const element = document.getElementById(elementId);
+    if (element) {
+        element.blur();
+        return true;
+    }
+    return false;
+}
+
+function openInNewTab(url) {
+    window.open(url, '_blank');
+}
+
+function detectDevice() {
+    var ua = navigator.userAgent || navigator.vendor || window.opera;
+    // iOS detection
+    if (/iPad|iPhone|iPod/.test(ua) && !window.MSStream) {
+        return "iOS";
+    }
+    return "Other";
+}