From 397b4e48de664f780ba942ea956654a8d6adb24c Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Sun, 4 Aug 2024 11:51:42 +0200
Subject: [PATCH] Added a text slider component

---
 .../Components/Blocks/MudTextSlider.razor     |  7 ++
 .../Components/Blocks/MudTextSlider.razor.cs  | 78 +++++++++++++++++++
 2 files changed, 85 insertions(+)
 create mode 100644 app/MindWork AI Studio/Components/Blocks/MudTextSlider.razor
 create mode 100644 app/MindWork AI Studio/Components/Blocks/MudTextSlider.razor.cs

diff --git a/app/MindWork AI Studio/Components/Blocks/MudTextSlider.razor b/app/MindWork AI Studio/Components/Blocks/MudTextSlider.razor
new file mode 100644
index 00000000..3c95b8dd
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/MudTextSlider.razor	
@@ -0,0 +1,7 @@
+@typeparam T
+
+<MudField Label="@this.Label" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.Disabled()">
+    <MudSlider T="@T" Size="Size.Medium" Value="@this.Value" ValueChanged="@this.ValueUpdated" Min="@this.Min" Max="@this.Max" Step="@this.Step" Immediate="@true" Disabled="@this.Disabled()">
+        @this.Value @this.Unit
+    </MudSlider>
+</MudField>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Blocks/MudTextSlider.razor.cs b/app/MindWork AI Studio/Components/Blocks/MudTextSlider.razor.cs
new file mode 100644
index 00000000..c3e24111
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/MudTextSlider.razor.cs	
@@ -0,0 +1,78 @@
+using System.Numerics;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class MudTextSlider<T> : ComponentBase where T : struct, INumber<T>
+{
+    /// <summary>
+    /// The minimum value for the slider.
+    /// </summary>
+    [Parameter]
+    public T Min { get; set; } = T.Zero;
+
+    /// <summary>
+    /// The maximum value for the slider.
+    /// </summary>
+    [Parameter]
+    public T Max { get; set; } = T.One;
+
+    /// <summary>
+    /// The step size for the slider.
+    /// </summary>
+    [Parameter]
+    public T Step { get; set; } = T.One;
+
+    /// <summary>
+    /// The unit to display next to the slider's value.
+    /// </summary>
+    [Parameter]
+    public string Unit { get; set; } = string.Empty;
+    
+    [Parameter]
+    public T Value { get; set; }
+    
+    [Parameter]
+    public EventCallback<T> ValueChanged { get; set; }
+    
+    /// <summary>
+    /// The label to display above the slider.
+    /// </summary>
+    [Parameter]
+    public string Label { get; set; } = string.Empty;
+    
+    [Parameter]
+    public Func<bool> Disabled { get; set; } = () => false;
+
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        await this.EnsureMinMax();
+        await base.OnInitializedAsync();
+    }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        await this.EnsureMinMax();
+        await base.OnParametersSetAsync();
+    }
+
+    #endregion
+    
+    private async Task EnsureMinMax()
+    {
+        if (this.Value < this.Min)
+            await this.ValueUpdated(this.Min);
+
+        else if(this.Value > this.Max)
+            await this.ValueUpdated(this.Max);
+    }
+
+    private async Task ValueUpdated(T value)
+    {
+        this.Value = value;
+        await this.ValueChanged.InvokeAsync(this.Value);
+    }
+}
\ No newline at end of file