Add custom textbox in grid UI

The textbox now can be a textarea for lyrics (or other long comments), a input[type=number] or an input[type=text] also when using the Grid UI. Previously, custom textboxes were used only for the "Single file view"
dinoosauro · Aug 19, 2024 · 8df0955 · 8df0955
1 parent 965dcaa
commit 8df0955
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 27 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 bin
 obj
+publish
diff --git a/App.razor b/App.razor
@@ -69,8 +69,21 @@
                             {
                                 <TemplateColumn Width="@((100 /(gridSelected.Count + 2)) + "%")" SortBy="gridSort(metadata)"
                                     Title="@metadata.DisplayName" Sortable="true">
-                                    <FluentTextField Value="@TagValueHandler.GetCurrentValue(metadata.TagLibProperty, context)"
-                                        @onchange='(val) => UpdateValueFromEvent(val, metadata, context)' />
+                                    @if (metadata.ConvertValue ==
+                        AvailableProperties.PropertiesObject.PropertiesType.STRING_TEXTAREA)
+                                    {
+                                        <FluentTextArea @onchange="(val) => UpdateValueFromEvent(val, metadata, context)"
+                                            value=@(TagValueHandler.GetCurrentValue(metadata.TagLibProperty, context))>
+                                        </FluentTextArea>
+                                    }
+                                    else
+                                    {
+                                        <FluentTextField @onchange="(val) => UpdateValueFromEvent(val, metadata, context)"
+                                            value=@(TagValueHandler.GetCurrentValue(metadata.TagLibProperty, context))
+                                            type=@(metadata.ConvertValue == AvailableProperties.PropertiesObject.PropertiesType.UINT ?
+                            "number" : "text")>
+                                        </FluentTextField>
+                                    }
                                 </TemplateColumn>
                             }
                         </FluentDataGrid><br>

diff --git a/MetadataChange.generated.sln b/MetadataChange.generated.sln
-Original file line number
+Diff line change
@@ -1,2 +1,3 @@
     bin
     obj
+    publish