From a78a2ea1fee4c944fbbdcda28fb02e0dec606f12 Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <mail@tsommer.org>
Date: Sun, 4 Aug 2024 12:46:57 +0200
Subject: [PATCH] Added a process component to visualize processes

---
 .../Components/Blocks/ProcessComponent.razor     | 11 +++++++++++
 .../Components/Blocks/ProcessComponent.razor.cs  | 16 ++++++++++++++++
 .../Components/Blocks/ReadWebContent.razor       |  7 +------
 3 files changed, 28 insertions(+), 6 deletions(-)
 create mode 100644 app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor
 create mode 100644 app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor.cs

diff --git a/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor b/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor
new file mode 100644
index 00000000..54d61e93
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor	
@@ -0,0 +1,11 @@
+@typeparam T
+
+@if (this.ShowProgressAnimation)
+{
+    <div class="pa-1">
+        <MudProgressLinear Color="Color.Primary" Indeterminate="true"/>
+    </div>
+}
+<div class="pa-6">
+    <MudSlider T="int" Disabled="@true" Value="@this.StepValue" Min="@this.process.Min" Max="@this.process.Max" TickMarks="@true" Size="Size.Large" Variant="Variant.Filled" TickMarkLabels="@this.process.Labels" Class="mb-12"/>
+</div>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor.cs b/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor.cs
new file mode 100644
index 00000000..6d711326
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor.cs	
@@ -0,0 +1,16 @@
+using AIStudio.Tools;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ProcessComponent<T> : ComponentBase where T : struct, Enum
+{
+    [Parameter]
+    public bool ShowProgressAnimation { get; set; }
+    
+    [Parameter]
+    public ProcessStepValue StepValue { get; set; }
+    
+    private readonly Process<T> process = Process<T>.INSTANCE;
+}
\ 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 fc716034..1d83309c 100644
--- a/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor	
+++ b/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor	
@@ -11,12 +11,7 @@
         </MudStack>
         @if (this.AgentIsRunning)
         {
-            <div class="pa-1">
-                <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class=""/>
-            </div>
-            <div class="pa-6">
-                <MudSlider T="int" Disabled="@true" Value="@this.processStep" Min="@this.process.Min" Max="@this.process.Max" TickMarks="@true" Size="Size.Large" Variant="Variant.Filled" TickMarkLabels="@this.process.Labels" Class="mb-12"/>
-            </div>
+            <ProcessComponent T="ReadWebContentSteps" StepValue="@this.processStep" ShowProgressAnimation="@true"/>
         }
     }
 </MudPaper>
\ No newline at end of file