cartaid/shopping-assistant-web-client
1
0
Fork 0
mirror of https://github.com/Shchoholiev/shopping-assistant-web-client.git synced 2025-04-05 00:59:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix bugs

Browse Source
This commit is contained in:
––AsTroLog 2023-11-22 16:42:47 +00:00
parent 1b25cd368f
commit 31f94d32d0
4 changed files with 97 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ShoppingAssistantWebClient.Web/Pages/Chat.razor
View File

@ -83,9 +83,9 @@
<div class="chat_input"> <div class="chat_input">
<input @bind="inputValue" @onkeydown="Enter" class="input_messages" type="text" id="chatInput" <input @onkeydown="Enter" @oninput="InputChanged" class="input_messages" type="text" id="chatInput"
placeholder="Describe what you are looking for...."> placeholder="Describe what you are looking for...." autocomplete="off">
<img @onclick="AddNewMessage" class="button_sende" src="/images/send.svg" alt="Send message"> <img @onclick="() => AddNewMessage(inputValue)" class="button_sende" src="/images/send.svg" alt="Send message">
</div> </div>
</div> </div>
@ -100,7 +100,13 @@
} }
}; };
window.clearInput = () => {
document.getElementById('chatInput').value = '';
};
function myJavaScriptFunction(wishlistId) {
UpdateMenu(wishlistId);
}
document.getElementById('button_open').addEventListener('click', changetyle); document.getElementById('button_open').addEventListener('click', changetyle);
</script> </script>
@ -108,16 +114,24 @@
[Parameter] public string chatId { get; set; } [Parameter] public string chatId { get; set; }
public string inputValue = "";
protected override async Task OnParametersSetAsync() protected override async Task OnParametersSetAsync()
{ {
await LoadMessages(); await LoadMessages();
} }
private void InputChanged(ChangeEventArgs e)
{
inputValue = e.Value.ToString();
}
public void Enter(KeyboardEventArgs e) public void Enter(KeyboardEventArgs e)
{ {
if (e.Code == "Enter" || e.Code == "NumpadEnter") if (e.Code == "Enter" || e.Code == "NumpadEnter")
{ {
AddNewMessage(); AddNewMessage(inputValue);
} }
} }
@ -128,7 +142,12 @@
await JSRuntime.InvokeVoidAsync("scrollToBottom", chatMessageRef); await JSRuntime.InvokeVoidAsync("scrollToBottom", chatMessageRef);
} }
private async Task UpdateSideMenu(string wishlistId)
{
await JSRuntime.InvokeVoidAsync("myJavaScriptFunction", wishlistId);
}
private void ClickOption(string item) private void ClickOption(string item)
{ {
inputValue = item; inputValue = item;

79
ShoppingAssistantWebClient.Web/Pages/Chat.razor.cs
View File

@ -24,20 +24,53 @@ public partial class Chat : ComponentBase
public List<Messages> Messages { get; set; } public List<Messages> Messages { get; set; }
public List<String> Products { get; set; } = new List<string>(); public List<String> Products { get; set; } = new List<string>();
public List<String> Suggestion { get; set; } = new List<String>(); public List<String> Suggestion { get; set; } = new List<String>();
public Messages Message { get; set; } public Messages Message { get; set; }
public Messages MessageBot { get; set; }
private CancellationTokenSource cancelTokenSource; private CancellationTokenSource cancelTokenSource;
private bool isWaitingForResponse = false;
private MessageCreateDto messageCreateDto; private MessageCreateDto messageCreateDto;
public bool isLoading = true; public bool isLoading = true;
private string inputValue = "";
private string name = ""; private string name = "";
protected override async Task OnInitializedAsync() protected override async Task OnInitializedAsync()
{ {
var input = _searchServise.firstMassage;
if (input!=null){
await LoadMessages(); await LoadMessages();
await AddNewMessage(input);
string wishlistId = chatId;
var request = new GraphQLRequest
{
Query = @"mutation GenerateNameForPersonalWishlist($wishlistId: String!) {
generateNameForPersonalWishlist(wishlistId: $wishlistId) {
id
name
}
}",
Variables = new
{
wishlistId
}
};
var response = await _apiClient.QueryAsync(request);
_searchServise.SetFirstMassage(null);
isLoading = false;
await UpdateSideMenu(wishlistId);
StateHasChanged();
}else{
await LoadMessages();
}
} }
@ -102,17 +135,24 @@ public partial class Chat : ComponentBase
Console.WriteLine($"Error : {ex.Message}"); Console.WriteLine($"Error : {ex.Message}");
} }
} }
private async Task AddNewMessage() private async Task AddNewMessage(string inputMessage)
{ {
if (!isWaitingForResponse && !string.IsNullOrWhiteSpace(inputMessage))
{
JSRuntime.InvokeVoidAsync("clearInput");
isWaitingForResponse = true;
try{ try{
messageCreateDto = new MessageCreateDto { Text = inputValue };; messageCreateDto = new MessageCreateDto { Text = inputMessage };;
Message = new Messages(); Message = new Messages();
Message.Text = inputValue; Message.Text = inputMessage;
Message.Role = "User"; Message.Role = "User";
Message.Id = ""; Message.Id = "";
Message.CreatedById = ""; Message.CreatedById = "";
inputValue = "";
Suggestion = new List<String>(); Suggestion = new List<String>();
Products = new List<String>();
Messages.Add(Message); Messages.Add(Message);
StateHasChanged(); StateHasChanged();
@ -122,6 +162,15 @@ public partial class Chat : ComponentBase
var serverSentEvent = _apiClient.GetServerSentEventStreamed($"ProductsSearch/search/{chatId}", messageCreateDto, cancellationToken); var serverSentEvent = _apiClient.GetServerSentEventStreamed($"ProductsSearch/search/{chatId}", messageCreateDto, cancellationToken);
bool first = true; bool first = true;
MessageBot = new Messages();
MessageBot.Role = "bot";
MessageBot.Id = "";
MessageBot.CreatedById = "";
MessageBot.Text = "Waiting for response";
Messages.Add(MessageBot);
var lengt = Messages.Count();
StateHasChanged();
await foreach (var sseEvent in serverSentEvent.WithCancellation(cancellationToken)) await foreach (var sseEvent in serverSentEvent.WithCancellation(cancellationToken))
{ {
Console.WriteLine($"Received SSE Event: {sseEvent.Event}, Data: {sseEvent.Data}"); Console.WriteLine($"Received SSE Event: {sseEvent.Event}, Data: {sseEvent.Data}");
@ -133,21 +182,15 @@ public partial class Chat : ComponentBase
if(sseEvent.Event == SearchEventType.Message){ if(sseEvent.Event == SearchEventType.Message){
Message = new Messages();
Message.Text = result;
Message.Role = "bot";
Message.Id = "";
Message.CreatedById = "";
if (first) if (first)
{ {
Messages.Add(Message); Messages[lengt-1].Text = result;
first = false; first = false;
} }
else else
{ {
var lengt = Messages.Count(); Messages[lengt-1].Text += result;
Messages[lengt-1].Text += Message.Text;
} }
StateHasChanged(); StateHasChanged();
@ -158,20 +201,20 @@ public partial class Chat : ComponentBase
} else if(sseEvent.Event == SearchEventType.Suggestion){ } else if(sseEvent.Event == SearchEventType.Suggestion){
Suggestion.Add(sseEvent.Data); Suggestion.Add(result);
} }
} }
if(Products != null) { if(Products.Count!=0) {
string n = name; string n = name;
_searchServise.SetProducts(Products); _searchServise.SetProducts(Products);
var url = $"/cards/{name}/{chatId}"; var url = $"/cards/{name}/{chatId}";
Navigation.NavigateTo(url); Navigation.NavigateTo(url);
} }
isWaitingForResponse = false;
} catch(Exception ex){ } catch(Exception ex){
Console.WriteLine($"Error : {ex.Message}"); Console.WriteLine($"Error : {ex.Message}");
} }
} }
}
} }

12
ShoppingAssistantWebClient.Web/Pages/Index.razor
View File

@ -11,8 +11,6 @@
</a> </a>
</div> </div>
@if(isLoading == false){
<div class="new_chat"> <div class="new_chat">
<div class="chat_message"> <div class="chat_message">
<div class="title_one_frame">New chat</div> <div class="title_one_frame">New chat</div>
@ -59,16 +57,6 @@
</div> </div>
}else{
<div class="new_chat">
<img class="loading" src="/images/loading.svg" alt="Loading chat">
</div>
}
</div> </div>

51
ShoppingAssistantWebClient.Web/Pages/Index.razor.cs
View File

@ -7,6 +7,7 @@ using Newtonsoft.Json;
using ShoppingAssistantWebClient.Web.Network; using ShoppingAssistantWebClient.Web.Network;
using System; using System;
using Microsoft.JSInterop; using Microsoft.JSInterop;
using ShoppingAssistantWebClient.Web.Services;
namespace ShoppingAssistantWebClient.Web.Pages namespace ShoppingAssistantWebClient.Web.Pages
{ {
@ -20,13 +21,10 @@ namespace ShoppingAssistantWebClient.Web.Pages
private NavigationManager Navigation { get; set; } private NavigationManager Navigation { get; set; }
[Inject] [Inject]
protected IJSRuntime JSRuntime { get; set; } protected IJSRuntime JSRuntime { get; set; }
[Inject]
private SearchService _searchServise { get; set; }
private MessageCreateDto messageCreateDto; private MessageCreateDto messageCreateDto;
private CancellationTokenSource cancelTokenSource;
private string inputValue = ""; private string inputValue = "";
public bool isLoading;
private async Task CreateNewChat() { private async Task CreateNewChat() {
@ -38,7 +36,6 @@ namespace ShoppingAssistantWebClient.Web.Pages
return; return;
} }
isLoading = true;
StateHasChanged(); StateHasChanged();
messageCreateDto = new MessageCreateDto { Text = inputValue }; messageCreateDto = new MessageCreateDto { Text = inputValue };
var type = selectedChoice; var type = selectedChoice;
@ -62,44 +59,12 @@ namespace ShoppingAssistantWebClient.Web.Pages
var response = await _apiClient.QueryAsync(request); var response = await _apiClient.QueryAsync(request);
var responseData = response.Data; var responseData = response.Data;
var chatId = responseData?.startPersonalWishlist?.id; var chatId = responseData?.startPersonalWishlist?.id;
string wishlistId1 = chatId;
var text = inputValue;
cancelTokenSource = new CancellationTokenSource();
var cancellationToken = cancelTokenSource.Token;
var serverSentEvent = _apiClient.GetServerSentEventStreamed($"ProductsSearch/search/{chatId}", messageCreateDto, cancellationToken);
await foreach (var sseEvent in serverSentEvent.WithCancellation(cancellationToken))
{
// Handle each ServerSentEvent as needed
Console.WriteLine($"Received SSE Event: {sseEvent.Event}, Data: {sseEvent.Data}");
}
string wishlistId = chatId; string wishlistId = chatId;
request = new GraphQLRequest
{
Query = @"mutation GenerateNameForPersonalWishlist($wishlistId: String!) {
generateNameForPersonalWishlist(wishlistId: $wishlistId) {
id
name
}
}",
Variables = new
{
wishlistId
} _searchServise.SetFirstMassage(inputValue);
}; await UpdateSideMenu(wishlistId);
response = await _apiClient.QueryAsync(request);
isLoading = false;
StateHasChanged();
await UpdateSideMenu(wishlistId1);
var url = $"/chat/{chatId}"; var url = $"/chat/{chatId}";
Navigation.NavigateTo(url); Navigation.NavigateTo(url);
@ -109,11 +74,7 @@ namespace ShoppingAssistantWebClient.Web.Pages
// Handle exceptions appropriately // Handle exceptions appropriately
Console.WriteLine($"Error in CreateNewChat: {ex.Message}"); Console.WriteLine($"Error in CreateNewChat: {ex.Message}");
} }
finally
{
isLoading = false;
cancelTokenSource?.Dispose();
}
} }
} }