Tri adding folder edit button

MediaFeeder/MediaFeeder/Components/Account/IdentityComponentsEndpointRouteBuilderExtensions.cs

@@ -3,6 +3,7 @@
 using MediaFeeder.Components.Account.Pages.Manage;
 using MediaFeeder.Data.db;
 using Microsoft.AspNetCore.Authentication;
+using Microsoft.AspNetCore.Authorization;
 using Microsoft.AspNetCore.Components.Authorization;
 using Microsoft.AspNetCore.Http.Extensions;
 using Microsoft.AspNetCore.Identity;

MediaFeeder/MediaFeeder/Components/Dialogs/EditFolder.razor

@@ -0,0 +1,33 @@
+@inherits FeedbackComponent<MediaFeeder.Data.db.Folder>
+
+<Form Model="@Options"
+      LabelCol="new ColLayoutParam { Span = 8 }"
+      WrapperCol="new ColLayoutParam { Span = 16 }"
+      ValidateOnChange="true"
+      OnFinish="OnFinish">
+    <FormItem Label="Username" Required ShowFeedbackOnError="true">
+        <Input @bind-Value="@context.Name" required="required" />
+    </FormItem>
+    <FormItem Label="Parent" ShowFeedbackOnError="true">
+        <TreeSelect
+            DataSource="@ExistingFolders"
+            @bind-Value="@context.Parent"
+            Placeholder="Please select"
+            ItemValue="static item => item"
+            ItemLabel="static item => item.Name"
+            AllowClear
+            EnableSearch
+            MatchedStyle="font-weight: bold"
+            ChildrenExpression="static node => node.DataItem.Subfolders"
+            TitleExpression="static node => node.DataItem.Name"
+            TitleTemplate="static node => node.DataItem.Name.ToRenderFragment()"
+            KeyExpression="static node => node.DataItem.Id.ToString()"
+            IsLeafExpression="static node => node.DataItem.Subfolders.Count == 0"
+        />
+    </FormItem>
+    <FormItem WrapperCol="new ColLayoutParam{ Offset = 8, Span = 16 }">
+        <Button Type="@ButtonType.Primary" HtmlType="submit">
+            Submit
+        </Button>
+    </FormItem>
+</Form>

MediaFeeder/MediaFeeder/Components/Dialogs/EditFolder.razor.cs

@@ -0,0 +1,47 @@
+using MediaFeeder.Data;
+using MediaFeeder.Data.db;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Authorization;
+using Microsoft.AspNetCore.Components.Forms;
+using Microsoft.AspNetCore.Identity;
+using Microsoft.EntityFrameworkCore;
+
+namespace MediaFeeder.Components.Dialogs;
+
+public partial class EditFolder
+{
+    [Inject] public required MediaFeederDataContext Context { get; set; }
+    [Inject] public required AuthenticationStateProvider AuthenticationStateProvider { get; init; }
+    [Inject] public required UserManager<AuthUser> UserManager { get; set; }
+    private List<Folder> ExistingFolders { get; set; } = new();
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (Options == null)
+        {
+            Options = Context.Folders.CreateProxy();
+
+            var auth = await AuthenticationStateProvider.GetAuthenticationStateAsync();
+            var user = await UserManager.GetUserAsync(auth.User);
+
+            ArgumentNullException.ThrowIfNull(user);
+
+            Options.User = user;
+        }
+        else
+        {
+            Context.Attach(Options);
+        }
+
+        ExistingFolders = await Context.Folders.Where(f => f != Options).ToListAsync();
+
+        await base.OnInitializedAsync();
+    }
+
+    private void OnFinish(EditContext editContext)
+    {
+        Context.SaveChanges();
+
+        _ = FeedbackRef.CloseAsync();
+    }
+}

MediaFeeder/MediaFeeder/Components/Tree/TreeView.razor

@@ -6,15 +6,15 @@
         </Tooltip>
 
         <Tooltip Title="Add Folder">
-            <Button Icon="@(IconType.Outline.FolderAdd)"></Button>
+            <Button Icon="@(IconType.Outline.FolderAdd)" OnClick="() => EditFolder(null)"></Button>
         </Tooltip>
 
         <Tooltip Title="Import Subscriptions">
             <Button Icon="@(IconType.Outline.Import)"></Button>
         </Tooltip>
 
         <Tooltip Title="Edit">
-            <Button Icon="@(IconType.Outline.Edit)"></Button>
+            <Button Icon="@(IconType.Outline.Edit)" OnClick="EditSelected"></Button>
         </Tooltip>
 
         <Tooltip Title="Delete">
@@ -33,7 +33,8 @@
                 ShowLeafIcon="true"
                 Selectable="true"
                 TItem="ITreeSelectable"
-                DefaultExpandAll="true">
+                DefaultExpandAll="true"
+                @ref="TreeRef">
                 @foreach (var folder in Folders)
                 {
                     <TreeFolder Folder="@folder"/>

MediaFeeder/MediaFeeder/Components/Tree/TreeView.razor.cs

@@ -1,4 +1,6 @@
-using MediaFeeder.Data;
+using AntDesign;
+using MediaFeeder.Components.Dialogs;
+using MediaFeeder.Data;
 using MediaFeeder.Data.db;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Authorization;
@@ -17,9 +19,13 @@ public sealed partial class TreeView
 
     [Inject] public required UserManager<AuthUser> UserManager { get; set; }
 
+    [Inject] public required ModalService ModalService { get; set; }
+
+
     private List<Folder>? Folders { get; set; }
 
     private SemaphoreSlim Updating { get; } = new(1);
+    public Tree<ITreeSelectable>? TreeRef { get; set; }
 
     protected override async Task OnParametersSetAsync()
     {
@@ -52,4 +58,63 @@ protected override async Task OnParametersSetAsync()
 
         await base.OnParametersSetAsync();
     }
-}
+
+    private void EditFolder(Folder? folder)
+    {
+        var modalConfig = new ModalOptions();
+        ModalRef? modalRef = null;
+
+        modalConfig.Title = "Basic Form";
+        modalConfig.OnCancel = async _ =>
+        {
+            Console.WriteLine("OnCancel");
+            await modalRef?.CloseAsync();
+        };
+
+        modalConfig.AfterClose = () =>
+        {
+            Console.WriteLine("AfterClose");
+            InvokeAsync(StateHasChanged);
+            return Task.CompletedTask;
+        };
+
+        modalRef = ModalService.CreateModal<EditFolder, Folder>(modalConfig, folder);
+
+        modalRef.OnOpen = static () =>
+        {
+            Console.WriteLine("ModalRef OnOpen");
+            return Task.CompletedTask;
+        };
+
+        modalRef.OnOk = static () =>
+        {
+            Console.WriteLine("ModalRef OnOk");
+            return Task.CompletedTask;
+        };
+
+        modalRef.OnCancel = static () =>
+        {
+            Console.WriteLine("ModalRef OnCancel");
+            return Task.CompletedTask;
+        };
+
+        modalRef.OnClose = static () =>
+        {
+            Console.WriteLine("ModalRef OnClose");
+            return Task.CompletedTask;
+        };
+    }
+
+    private void EditSelected()
+    {
+        switch (TreeRef?.SelectedData)
+        {
+            case Folder folder:
+                EditFolder(folder);
+                break;
+            case Subscription subscription:
+                Console.WriteLine($"Would open subscription dialog for {subscription}");
+                break;
+        }
+    }
+}