Refactor components (#80)

2026-10-18 01:57:59 +00:00 · 2024-08-21 08:30:01 +02:00
1 parent a18cb22263
commit 1d1af91f3e
@@ -0,0 +1,77 @@
+@using AIStudio.Chat
+
+<MudText Typo="Typo.h3" Class="mb-2 mr-3">
+    @(this.Title)
+</MudText>
+
+<InnerScrolling HeaderHeight="12.3em">
+    <ChildContent>
+        <MudForm @ref="@(this.form)" @bind-IsValid="@(this.inputIsValid)" @bind-Errors="@(this.inputIssues)" Class="pr-2">
+            <MudText Typo="Typo.body1" Align="Align.Justify" Class="mb-6">
+                @(this.Description)
+            </MudText>
+
+            @if (this.Body is not null)
+            {
+                @(this.Body)
+            }
+        </MudForm>
+        <Issues IssuesData="@(this.inputIssues)"/>
+
+        @if (this.ShowDedicatedProgress && this.isProcessing)
+        {
+            <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="mb-6" />
+        }
+        <div id="@RESULT_DIV_ID" class="mr-2 mt-3">
+            @if (this.ShowResult && this.resultingContentBlock is not null)
+            {
+                <ContentBlockComponent Role="@(this.resultingContentBlock.Role)" Type="@(this.resultingContentBlock.ContentType)" Time="@(this.resultingContentBlock.Time)" Content="@(this.resultingContentBlock.Content)"/>
+            }
+        </div>
+        
+        <div id="@AFTER_RESULT_DIV_ID" class="mt-3">
+        </div>
+        
+        @if (this.FooterButtons.Count > 0)
+        {
+            <MudStack Row="@true" Wrap="Wrap.Wrap" Class="mt-3 mr-2">
+                @foreach (var button in this.FooterButtons)
+                {
+                    switch (button)
+                    {
+                        case ButtonData buttonData when !string.IsNullOrWhiteSpace(buttonData.Tooltip):
+                            <MudTooltip Text="@buttonData.Tooltip">
+                                <MudButton Variant="Variant.Filled" Color="@buttonData.Color" StartIcon="@GetButtonIcon(buttonData.Icon)" OnClick="async () => await buttonData.AsyncAction()">
+                                    @buttonData.Text
+                                </MudButton>
+                            </MudTooltip>
+                            break;
+
+                        case ButtonData buttonData:
+                            <MudButton Variant="Variant.Filled" Color="@buttonData.Color" StartIcon="@GetButtonIcon(buttonData.Icon)" OnClick="async () => await buttonData.AsyncAction()">
+                                @buttonData.Text
+                            </MudButton>
+                            break;
+                            
+                        case SendToButton sendToButton:
+                            <MudMenu StartIcon="@Icons.Material.Filled.Apps" EndIcon="@Icons.Material.Filled.KeyboardArrowDown" Label="Send to ..." Variant="Variant.Filled" Color="Color.Info">
+                                @foreach (var assistant in Enum.GetValues<SendTo>().OrderBy(n => n.Name().Length))
+                                {
+                                    if(assistant is SendTo.NONE || sendToButton.Self == assistant)
+                                        continue;
+                                    
+                                    <MudMenuItem OnClick="() => this.SendToAssistant(assistant, sendToButton)">
+                                        @assistant.Name()
+                                    </MudMenuItem>
+                                }
+                            </MudMenu>
+                            break;
+                    }
+                }
+                <MudButton Variant="Variant.Filled" Color="Color.Warning" StartIcon="@Icons.Material.Filled.Refresh" OnClick="() => this.InnerResetForm()">
+                    Reset
+                </MudButton>
+            </MudStack>
+        }
+    </ChildContent>
+</InnerScrolling>