From 085a0c3485359ecccb7b3fc46b4a5cc8bc043d4a Mon Sep 17 00:00:00 2001
From: ebolo <daothanhduy305@gmail.com>
Date: Thu, 23 Jan 2025 17:54:50 +0700
Subject: [PATCH] feat: update proxy items styling

---
 .../Pages/CaddyfileEditor/CaddyfileEditor.razor       |  3 ++-
 .../Pages/CaddyfileEditor/CaddyfileEditor.razor.cs    |  1 +
 .../Pages/ReverseProxies/ReverseProxiesPage.razor     | 11 +++++++++--
 .../Pages/ReverseProxies/ReverseProxiesPage.razor.cs  |  1 +
 .../Pages/ReverseProxies/ReverseProxyItem.razor       |  7 ++++++-
 5 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/CaddyManager/Components/Pages/CaddyfileEditor/CaddyfileEditor.razor b/CaddyManager/Components/Pages/CaddyfileEditor/CaddyfileEditor.razor
index f6aeee4..aedbcda 100644
--- a/CaddyManager/Components/Pages/CaddyfileEditor/CaddyfileEditor.razor
+++ b/CaddyManager/Components/Pages/CaddyfileEditor/CaddyfileEditor.razor
@@ -4,7 +4,8 @@
 
 <MudDialog>
     <DialogContent>
-        <StandaloneCodeEditor ConstructionOptions="@EditorConstructionOptions" CssClass="caddy-file-editor"></StandaloneCodeEditor>
+        <StandaloneCodeEditor ConstructionOptions="@EditorConstructionOptions"
+                              CssClass="caddy-file-editor"></StandaloneCodeEditor>
         <MudDivider/>
     </DialogContent>
     <DialogActions>
diff --git a/CaddyManager/Components/Pages/CaddyfileEditor/CaddyfileEditor.razor.cs b/CaddyManager/Components/Pages/CaddyfileEditor/CaddyfileEditor.razor.cs
index 282f7fd..81c6dfc 100644
--- a/CaddyManager/Components/Pages/CaddyfileEditor/CaddyfileEditor.razor.cs
+++ b/CaddyManager/Components/Pages/CaddyfileEditor/CaddyfileEditor.razor.cs
@@ -1,4 +1,5 @@
 using BlazorMonaco.Editor;
+using CaddyManager.Contracts.Caddy;
 using Microsoft.AspNetCore.Components;
 using MudBlazor;
 
diff --git a/CaddyManager/Components/Pages/ReverseProxies/ReverseProxiesPage.razor b/CaddyManager/Components/Pages/ReverseProxies/ReverseProxiesPage.razor
index 422cfd7..b621fc5 100644
--- a/CaddyManager/Components/Pages/ReverseProxies/ReverseProxiesPage.razor
+++ b/CaddyManager/Components/Pages/ReverseProxies/ReverseProxiesPage.razor
@@ -5,8 +5,15 @@
 
 <PageTitle>Reverse proxy confiurations</PageTitle>
 
-<MudList T="string">
-    @foreach(var caddyConfig in _availableCaddyConfigurations)
+<MudContainer Class="d-flex flex-row flex-grow-1 gap-4">
+    <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add">New...</MudButton>
+    <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete"
+               Disabled="@(_selectedCaddyConfigurations.Count <= 0)">Delete
+    </MudButton>
+</MudContainer>
+<MudList T="string" Style="padding-top: 16px;" SelectionMode="SelectionMode.MultiSelection"
+         @bind-SelectedValues="_selectedCaddyConfigurations">
+    @foreach (var caddyConfig in _availableCaddyConfigurations)
     {
         <ReverseProxyItem FileName="@caddyConfig"/>
         <MudDivider/>
diff --git a/CaddyManager/Components/Pages/ReverseProxies/ReverseProxiesPage.razor.cs b/CaddyManager/Components/Pages/ReverseProxies/ReverseProxiesPage.razor.cs
index b54c25c..a48535d 100644
--- a/CaddyManager/Components/Pages/ReverseProxies/ReverseProxiesPage.razor.cs
+++ b/CaddyManager/Components/Pages/ReverseProxies/ReverseProxiesPage.razor.cs
@@ -3,6 +3,7 @@ namespace CaddyManager.Components.Pages.ReverseProxies;
 public partial class ReverseProxiesPage
 {
     private List<string> _availableCaddyConfigurations = [];
+    private IReadOnlyCollection<string> _selectedCaddyConfigurations = [];
 
     protected override Task OnInitializedAsync()
     {
diff --git a/CaddyManager/Components/Pages/ReverseProxies/ReverseProxyItem.razor b/CaddyManager/Components/Pages/ReverseProxies/ReverseProxyItem.razor
index 68ee571..d67540b 100644
--- a/CaddyManager/Components/Pages/ReverseProxies/ReverseProxyItem.razor
+++ b/CaddyManager/Components/Pages/ReverseProxies/ReverseProxyItem.razor
@@ -3,4 +3,9 @@
 @inject ICaddyService CaddyService
 @inject IDialogService DialogService
 
-<MudListItem Text="@FileName" Icon="@Icons.Material.Filled.InsertDriveFile" T="string" OnClick="Edit"/>
\ No newline at end of file
+<MudListItem T="string" Text="@FileName" OnClick="Edit" OnClickPreventDefault="true">
+    <MudContainer Class="d-flex flex-row flex-grow-1 gap-4">
+        <MudIcon Icon="@Icons.Custom.FileFormats.FileCode"></MudIcon>
+        <MudText>@FileName</MudText>
+    </MudContainer>
+</MudListItem>
\ No newline at end of file