mmr/Hushian
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
mmrbnjd
2025-08-21 16:40:31 +03:30
parent 69a75731ce
commit be9dc286e5
2 changed files with 183 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
Presentation/HushianWebApp/Pages/FromUserSide/AIChat.razor
View File

@@ -19,63 +19,80 @@
}
else
{
{
<PageTitle>گفتگو با دستیار هوشمند @CompanyInfo.FullName</PageTitle>
}
<div class="container-fluid">
<div class="row" style="height:85vh">
@if (isReady)
{
<div class="col-md-12 d-flex flex-column" style="margin-top:10px">
<div class="input-group">
<p type="text" class="form-control fw-bold text-primary" style="border:none;align-self: center;" aria-describedby="basic-addon1">دستیار هوشمند @CompanyInfo.FullName</p>
<div class="col-md-12 d-flex flex-column" style="margin-top:10px">
<div class="input-group">
<p type="text" class="form-control fw-bold text-primary" style="border:none;align-self: center;" aria-describedby="basic-addon1">دستیار هوشمند @CompanyInfo.FullName</p>
<div class="d-flex gap-2 ms-auto">
<div class="d-flex gap-2 ms-auto">
<Button Color="ButtonColor.Secondary" Size=ButtonSize.ExtraSmall Outline="true" @onclick="Logout" Class="logout-btn">
<Icon Name="IconName.BoxArrowRight" Class="me-1" /> خروج
</Button>
</div>
</div>
<div class="flex-fill chat-area-container" id="ai-chat">
@if (messages is not null)
{
<div class="chat-container p-3">
@foreach (var msg in messages)
{
<div class="d-flex mb-2 justify-content-start">
<div class="chat-bubble chat-other">
@msg.requestText
</div>
</div>
<div class="d-flex mb-2 justify-content-end">
<div class="chat-bubble chat-mine">
@msg.responseText
</div>
</div>
}
</div>
}
</div>
<div class="message-input-container mt-2">
<div class="input-wrapper">
<input type="text" @bind-value="inputText" disabled="@disSend" class="message-input" placeholder="متن خود را بنویسید..." @onkeydown="HandleKeyDown" />
<Button Color="ButtonColor.Primary" Size=ButtonSize.Small @onclick="Send" class="send-btn" title="ارسال">
@if (!disSend)
{
<Icon Name="IconName.Send" />
}
else
{
<Spinner Type="SpinnerType.Grow" Color="SpinnerColor.Primary" />
}
</Button>
</div>
<Button Color="ButtonColor.Secondary" Size=ButtonSize.ExtraSmall Outline="true" @onclick="Logout" Class="logout-btn">
<Icon Name="IconName.BoxArrowRight" Class="me-1" /> خروج
</Button>
</div>
</div>
<div class="flex-fill chat-area-container" id="ai-chat">
@if (messages is not null)
{
<div class="chat-container p-3">
@foreach (var msg in messages)
{
<div class="d-flex mb-2 justify-content-start">
<div class="chat-bubble chat-other">
@msg.requestText
</div>
</div>
<div class="d-flex mb-2 justify-content-end">
@if (msg.responseText=="null" && msg.dateTime==new DateTime(1400,01,01))
{
<Spinner Type="SpinnerType.Dots" Class="me-3" Color="SpinnerColor.Info" />
}
else{
<div class="chat-bubble chat-mine">
@if (DelayShowResponse && messages.Last()==msg)
{
<TypewriterComponent Text="@msg.responseText" />
}
else
{
@msg.responseText
}
</div>
}
</div>
}
</div>
}
</div>
<div class="message-input-container mt-2">
<div class="input-wrapper">
<input type="text" @bind-value="inputText" disabled="@disSend" class="message-input" placeholder="متن خود را بنویسید..." @onkeydown="HandleKeyDown" />
<Button Color="ButtonColor.Primary" Size=ButtonSize.Small @onclick="Send" class="send-btn" title="ارسال">
@if (!disSend)
{
<Icon Name="IconName.Send" />
}
else
{
<Spinner Type="SpinnerType.Grow" Color="SpinnerColor.Primary" />
}
</Button>
</div>
</div>
</div>
}
else
{
@@ -98,29 +115,30 @@ else
</div>
@code {
public bool DelayShowResponse { get; set; } = false;
ReadANDUpdate_CompanyDto? CompanyInfo = new();
[Parameter] public int CompanyID { get; set; }
List<aiResponseDto> messages = new();
string inputText = string.Empty;
bool isReady = false;
bool isError= false;
string msgError= "";
bool isError = false;
string msgError = "";
public string aikeyUser { get; set; } = "";
protected override async Task OnInitializedAsync()
{
await EnsureAuth();
CompanyInfo = await companyService.GetCompany(CompanyID);
if (CompanyInfo != null && CompanyInfo.allowBot)
{
await LoadMessages();
isReady = true;
}
else
{
isError = true;
msgError = "دستیار هوشمند یافت نشد";
}
CompanyInfo = await companyService.GetCompany(CompanyID);
if (CompanyInfo != null && CompanyInfo.allowBot)
{
await LoadMessages();
isReady = true;
}
else
{
isError = true;
msgError = "دستیار هوشمند یافت نشد";
}
}
private async Task EnsureAuth()
@@ -146,10 +164,23 @@ else
if (string.IsNullOrWhiteSpace(inputText)) return;
disSend = true;
var dto = new aiNewResponseDto { companyId = CompanyID, aiKeyUser = aikeyUser, requestText = inputText };
var waiting = new aiResponseDto()
{
requestText = inputText,
responseText = "null",
dateTime = new(1400, 01, 01)
};
messages.Add(waiting);
await JS.InvokeVoidAsync("scrollToBottom", "ai-chat");
var okmodel = await conversationService.AiNewResponse(dto);
if (okmodel != null)
{
DelayShowResponse = true;
messages.Add(okmodel);
inputText = string.Empty;
StateHasChanged();
await JS.InvokeVoidAsync("scrollToBottom", "ai-chat");
@@ -158,6 +189,7 @@ else
{
toastService.Notify(new ToastMessage(ToastType.Danger, "ارسال ناموفق بود"));
}
messages.Remove(waiting);
disSend = false;
}
@@ -287,7 +319,6 @@ else
-webkit-text-fill-color: transparent;
background-clip: text;
}
</style>
<script>
@@ -325,5 +356,4 @@ else
color: #353;
border-top-right-radius: 0;
}
</style>