From 3aeba836ffeb2ae29cf92c5643a84319cb44358a Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Sat, 3 Aug 2024 22:09:38 +0200
Subject: [PATCH] Refactored switch component

---
 .../Components/Blocks/MudTextSwitch.razor     |  5 ++++
 .../Components/Blocks/MudTextSwitch.razor.cs  | 30 +++++++++++++++++++
 .../Components/Blocks/ReadWebContent.razor    | 13 ++------
 .../Pages/Coding/AssistantCoding.razor        |  4 +--
 .../Translation/AssistantTranslation.razor    |  7 +----
 5 files changed, 39 insertions(+), 20 deletions(-)
 create mode 100644 app/MindWork AI Studio/Components/Blocks/MudTextSwitch.razor
 create mode 100644 app/MindWork AI Studio/Components/Blocks/MudTextSwitch.razor.cs

diff --git a/app/MindWork AI Studio/Components/Blocks/MudTextSwitch.razor b/app/MindWork AI Studio/Components/Blocks/MudTextSwitch.razor
new file mode 100644
index 00000000..353ac8b8
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/MudTextSwitch.razor	
@@ -0,0 +1,5 @@
+<MudField Label="@this.Label" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.Disabled">
+    <MudSwitch T="bool" Value="@this.Value" ValueChanged="@this.ValueChanged" Color="@this.Color" Validation="@this.Validation" Disabled="@this.Disabled">
+        @(this.Value ? this.LabelOn : this.LabelOff)
+    </MudSwitch>
+</MudField>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Blocks/MudTextSwitch.razor.cs b/app/MindWork AI Studio/Components/Blocks/MudTextSwitch.razor.cs
new file mode 100644
index 00000000..30492d37
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/MudTextSwitch.razor.cs	
@@ -0,0 +1,30 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class MudTextSwitch : ComponentBase
+{
+    [Parameter]
+    public string Label { get; set; } = string.Empty;
+    
+    [Parameter]
+    public bool Disabled { get; set; }
+
+    [Parameter]
+    public bool Value { get; set; }
+    
+    [Parameter]
+    public EventCallback<bool> ValueChanged { get; set; }
+    
+    [Parameter]
+    public Color Color { get; set; } = Color.Primary;
+    
+    [Parameter]
+    public Func<bool, string?> Validation { get; set; } = _ => null;
+    
+    [Parameter]
+    public string LabelOn { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string LabelOff { get; set; } = string.Empty;
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor b/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor
index 8b33a12e..fc716034 100644
--- a/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor	
+++ b/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor	
@@ -1,17 +1,8 @@
 <MudPaper Class="pa-3 mb-8 border-dashed border rounded-lg">
-    <MudField Label="Read content from web?" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.AgentIsRunning">
-        <MudSwitch T="bool" @bind-Value="@this.showWebContentReader" Color="Color.Primary" Disabled="@this.AgentIsRunning">
-            @(this.showWebContentReader ? "Show web content options" : "Hide web content options")
-        </MudSwitch>
-    </MudField>
-
+    <MudTextSwitch Label="Read content from web?" Disabled="@this.AgentIsRunning" @bind-Value="@this.showWebContentReader" LabelOn="Show web content options" LabelOff="Hide web content options" />
     @if (this.showWebContentReader)
     {
-        <MudField Label="Cleanup content by using a LLM agent?" Variant="Variant.Outlined" Class="mb-3" Disabled="@this.AgentIsRunning">
-            <MudSwitch T="bool" @bind-Value="@this.useContentCleanerAgent" Color="Color.Primary" Validation="@this.ValidateProvider" Disabled="@this.AgentIsRunning">
-                @(this.useContentCleanerAgent ? "The content is cleaned using an LLM agent: the main content is extracted, advertisements and other irrelevant things are attempted to be removed; relative links are attempted to be converted into absolute links so that they can be used." : "No content cleaning")
-            </MudSwitch>
-        </MudField>
+        <MudTextSwitch Label="Cleanup content by using a LLM agent?" @bind-Value="@this.useContentCleanerAgent" Validation="@this.ValidateProvider" Disabled="@this.AgentIsRunning" LabelOn="The content is cleaned using an LLM agent: the main content is extracted, advertisements and other irrelevant things are attempted to be removed; relative links are attempted to be converted into absolute links so that they can be used." LabelOff="No content cleaning" />
         <MudStack Row="@true" AlignItems="@AlignItems.Baseline" Class="mb-3">
             <MudTextField T="string" Label="URL from which to load the content" @bind-Value="@this.providedURL" Validation="@this.ValidateURL" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Link" Placeholder="https://..." HelperText="Loads the content from your URL. Does not work when the content is hidden behind a paywall." Variant="Variant.Outlined" Immediate="@true" Disabled="@this.AgentIsRunning"/>
             <MudButton Disabled="@(!this.IsReady || this.AgentIsRunning)" Variant="Variant.Filled" Size="Size.Large" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Download" OnClick="() => this.LoadFromWeb()">
diff --git a/app/MindWork AI Studio/Components/Pages/Coding/AssistantCoding.razor b/app/MindWork AI Studio/Components/Pages/Coding/AssistantCoding.razor
index 2f9af4b0..9353d315 100644
--- a/app/MindWork AI Studio/Components/Pages/Coding/AssistantCoding.razor	
+++ b/app/MindWork AI Studio/Components/Pages/Coding/AssistantCoding.razor	
@@ -16,9 +16,7 @@
 </MudButton>
 
 <MudStack Row="@false" Class="mb-3">
-    <MudSwitch T="bool" @bind-Value="@this.provideCompilerMessages" Color="Color.Primary">
-        @(this.provideCompilerMessages ? "Provide compiler messages" : "Provide no compiler messages")
-    </MudSwitch>
+    <MudTextSwitch Label="Do you want to provide compiler messages?" @bind-Value="@this.provideCompilerMessages" LabelOn="Yes, provide compiler messages" LabelOff="No, there are no compiler messages" />
     @if (this.provideCompilerMessages)
     {
         <MudTextField T="string" @bind-Text="@this.compilerMessages" Validation="@this.ValidatingCompilerMessages" AdornmentIcon="@Icons.Material.Filled.Error" Adornment="Adornment.Start" Label="Compiler messages" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
diff --git a/app/MindWork AI Studio/Components/Pages/Translation/AssistantTranslation.razor b/app/MindWork AI Studio/Components/Pages/Translation/AssistantTranslation.razor
index 2b03eca6..9fa4139b 100644
--- a/app/MindWork AI Studio/Components/Pages/Translation/AssistantTranslation.razor	
+++ b/app/MindWork AI Studio/Components/Pages/Translation/AssistantTranslation.razor	
@@ -8,12 +8,7 @@
     <ReadWebContent @bind-Content="@this.inputText" ProviderSettings="@this.providerSettings" @bind-AgentIsRunning="@this.isAgentRunning" Preselect="@(this.SettingsManager.ConfigurationData.PreselectTranslationOptions && this.SettingsManager.ConfigurationData.PreselectWebContentReaderForTranslation)" PreselectContentCleanerAgent="@(this.SettingsManager.ConfigurationData.PreselectTranslationOptions && this.SettingsManager.ConfigurationData.PreselectContentCleanerAgentForTranslation)"/>
 }
 
-<MudField Label="Live translation" Variant="Variant.Outlined" Class="mb-3">
-    <MudSwitch T="bool" @bind-Value="@this.liveTranslation" Color="Color.Primary">
-        @(this.liveTranslation ? "Live translation" : "No live translation")
-    </MudSwitch>
-</MudField>
-
+<MudTextSwitch Label="Live translation" @bind-Value="@this.liveTranslation" LabelOn="Live translation" LabelOff="No live translation"/>
 @if (this.liveTranslation)
 {
     <MudTextField T="string" Disabled="@this.isAgentRunning" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" Immediate="@true" DebounceInterval="1_000" OnDebounceIntervalElapsed="() => this.TranslateText(force: false)" UserAttributes="@USER_INPUT_ATTRIBUTES"/>