cc

LM-Kit · Jan 11, 2025 · 83274d5 · 83274d5
1 parent a25c17d
commit 83274d5
Show file tree

Hide file tree

Showing 5 changed files with 66 additions and 15 deletions.
diff --git a/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.cs b/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.cs
@@ -22,6 +22,7 @@ public partial class Chat
     private double _scrollTop;
 
     private bool _isScrolledToEnd = false;
+    private bool _isShowingActionPopup;
 
     public bool IsScrolledToEnd
     {
@@ -240,6 +241,7 @@ private void OnConversationItemSelected(ConversationViewModel conversationViewMo
         }
     }
 
+
     private void OnConversationItemShowMoreClicked(ConversationViewModel conversationViewModel)
     {
         if (conversationViewModel != ViewModel.ConversationListViewModel.CurrentConversation)
@@ -248,6 +250,60 @@ private void OnConversationItemShowMoreClicked(ConversationViewModel conversatio
         }
     }
 
+    private async Task OnShowMoreClicked(ConversationViewModel conversationViewModel)
+    {
+        if (_isShowingActionPopup)
+        {
+            return;
+        }
+
+        _isShowingActionPopup = true;
+
+        ChatConversationActionPopupViewModel chatConversationActionPopupViewModel = new ChatConversationActionPopupViewModel()
+        {
+            ConversationX = 400,
+            //ConversationY = conversationItem.Y - collectionView.ScrollY + conversationItem.Height + UIConstants.TabBarHeight + UIConstants.PageTopBarHeight,
+            //ConversationItemHeight = conversationItem.Height,
+            //ConversationListHeight = Height
+        };
+
+        var popup = new ChatConversationActionPopup(ViewModel.PopupNavigation, chatConversationActionPopupViewModel)
+        {
+            Animation = new Mopups.Animations.FadeAnimation()
+            {
+                DurationIn = 1,
+                DurationOut = 1,
+                EasingIn = Easing.Linear,
+                EasingOut = Easing.Linear
+            }
+        };
+
+        conversationViewModel!.IsShowingActionPopup = true;
+        await ViewModel.PopupNavigation.PushAsync(popup);
+
+        var result = await popup.PopupTask;
+
+        if (result != null && result.Value is ChatConversationAction chatConversationAction)
+        {
+            switch (chatConversationAction)
+            {
+                case ChatConversationAction.Select:
+                    ViewModel.ConversationListViewModel.CurrentConversation = conversationViewModel!;
+                    break;
+
+                case ChatConversationAction.Rename:
+                    conversationViewModel!.IsRenaming = true;
+                    break;
+
+                case ChatConversationAction.Delete:
+                    await ViewModel.ConversationListViewModel.DeleteConversation(conversationViewModel!);
+                    break;
+            }
+        }
+
+        conversationViewModel!.IsShowingActionPopup = false;
+    }
+
     private int CalculateUsagePercentage(int used, int total)
     {
         if (total == 0) return 0;

diff --git a/LM-Kit-Maestro/UI/Razor/Components/ConversationListItem.razor b/LM-Kit-Maestro/UI/Razor/Components/ConversationListItem.razor
@@ -1,11 +1,11 @@
 @inherits ComponentBase
 
-<div @onclick="() => OnClicked()" id="item-container" class="@(IsSelected ? "item-selected" : "")">
+<div @onclick="() => OnSelect.InvokeAsync()" id="item-container" class="@(IsSelected ? "item-selected" : "")">
     <MudText Typo="Typo.subtitle1" Inline=true>
         @ViewModel.Title
     </MudText>
 
-    <div id="show-more-button">
+    <div id="show-more-button" @onclick="() => OnShowMore.InvokeAsync()" class="@(IsSelected ? "show" :"hide")">
         <MudIconButton Icon="@Icons.Material.Filled.MoreHoriz" Size="Size.Small" Color="Color.Dark" />
     </div>
 </div>
@@ -16,9 +16,4 @@
     [Parameter] public EventCallback<ConversationViewModel> OnShowMore { get; set; }
     [Parameter] public required ConversationViewModel ViewModel { get; set; }
     [Parameter] public bool IsSelected { get; set; }
-
-    private void OnClicked()
-    {
-        OnSelect.InvokeAsync(ViewModel);
-    }
-}   
+}
diff --git a/LM-Kit-Maestro/UI/Razor/Components/ConversationListItem.razor.css b/LM-Kit-Maestro/UI/Razor/Components/ConversationListItem.razor.css
@@ -12,20 +12,16 @@
 
     #item-container:hover {
         background-color: var(--Surface2);
-        visibility: hidden;
     }
 
-        #item-container:has(:hover) #show-more-button {
+        #item-container:hover #show-more-button {
             visibility: visible;
         }
 
 #show-more-button:hover {
     visibility: visible;
 }
 
-#show-more-button {
-    visibility: hidden;
-}
 /*
 .mud-icon-size-small {
     font-size: 10px !important;

diff --git a/LM-Kit-Maestro/UI/Razor/Components/Translation.razor b/LM-Kit-Maestro/UI/Razor/Components/Translation.razor
@@ -66,7 +66,7 @@
         <div class="vertical-separator"></div>
 
         <div id="translation-output">
-            <div class="loading-content @(!TranslationViewModel.AwaitingResponse ? "hidden" :  "")">
+            <div class="loading-content @(!TranslationViewModel.AwaitingResponse ? "hide" :  "show")">
             </div>
 
             <InputBox @bind-InputText="TranslationViewModel.LatestResult" Readonly="true" />

diff --git a/LM-Kit-Maestro/wwwroot/css/lmkitmaestro.css b/LM-Kit-Maestro/wwwroot/css/lmkitmaestro.css
@@ -242,6 +242,10 @@ body.windows .primary-button {
     display: inline-block;
 }
 
-.hidden {
+.hide {
     visibility: hidden;
 }
+
+.show{
+
+}