Alex/LiveChat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nesten

Browse Source
This commit is contained in:
Pistasj
2023-05-29 22:18:24 +02:00
parent 13d2b1b1fb
commit ce38633766
11 changed files with 49 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
Pages/Chat.razor
View File

@@ -2,6 +2,7 @@
@using Microsoft.AspNetCore.SignalR.Client;
@using LiveChat.Models;
@inject NavigationManager Navigation
@inject IHttpContextAccessor httpContextAccessor;
<PageTitle>Chat room</PageTitle>
@@ -13,11 +14,13 @@
<h1>Rom @Room</h1>
<p>Din tilkoblings ID: @connectionId. Brukernavn: @username</p>
<p>Del @Room til vennene dine for å snakke med dem fra her. Ditt brukernavn: @username.</p>
@foreach (var msg in msgs)
{
<div class="message">@msg</div>
<div class="MessagesList" id="messagesList">
<div class="message">@msg</div>
</div>
}
<div class="messageFormContainer">
@@ -49,17 +52,16 @@
private List<string> msgs = new List<string>();
private bool ErViInne = false;
private string connectionId = "";
private string username = "";
private MessageModel messageModel = new MessageModel() { User = "Something", Message = "" };
private string? host { get; set; }
protected override async Task OnInitializedAsync()
{
//host = httpContextAccessor.HttpContext.Request.Headers["Host"];
hubConnection = new HubConnectionBuilder()
.WithUrl(Navigation.ToAbsoluteUri("/chathub"))
.Build();
@@ -89,9 +91,18 @@
// bli med i rom
await hubConnection.SendAsync("JoinRoom", Room, username);
ErViInne = true;
messageModel.User = username;
using (var db = new ChattingContext())
{
var messages = db.RoomChatMessages.Where(m => m.RoomId == Room).ToList();
foreach (var message in messages)
{
msgs.Add($"{message.User}: {message.Message}");
}
await InvokeAsync(StateHasChanged);
}
hubConnection.On<string, string>("ReceiveMessage", (user, message) =>
{
var encodedMsg = $"{user}: {message}";

159
Pages/Index.razor
View File

@@ -1,155 +1,44 @@
@page "/"
@using LiveChat.Models;
@using Microsoft.AspNetCore.SignalR.Client
@inject Blazored.LocalStorage.ILocalStorageService localStorage
@inject NavigationManager Navigation
@implements IAsyncDisposable
<PageTitle>LiveChat app</PageTitle>
<div class="container d-flex flex-column flex-wrap gap-4">
<div hidden="@(!ModalIsVisible)">
<EditForm Model="@userModel" OnValidSubmit="@SetUser">
<DataAnnotationsValidator />
<div class="giveNameMessage">
<h1>Skriv inn navnet ditt</h1>
<p>Dette kan ikke endres (helt til du oppdaterer sida)</p>
<ValidationSummary />
<input @bind-value="userModel.User" disabled="@(!ModalIsVisible)" placeholder="Navn" class="MessageFormName" />
<button type="submit" disabled="@(!IsConnected)" class="MessageFormButton"><i class="bi bi-send-fill"></i> Sett navn</button>
</div>
</EditForm>
</div>
<div hidden="@(!ModalIsVisible)">
<div >
<h1>Skriv inn romkode</h1>
<p>Få tak i koden av eieren av rommet eller noen som er i det.</p>
</div>
</div>
<div hidden="@(!ModalIsVisible)">
<div>
<h1>Lag et rom</h1>
<p>Snakk med venner osv.</p>
<button type="submit" disabled="@(!IsConnected)" class="MessageFormButton">Lag et tilfeldig rom</button>
<div>
<h1>Skriv inn romkode</h1>
<p>Få tak i koden av eieren av rommet eller noen som er i det.</p>
<input @bind-value="romkode"placeholder="Romkode" class="MessageFormName" />
<button type="submit" class="MessageFormButton" @onclick="BliMedIRom"><i class="bi bi-send-fill"></i> Bli med i rom</button>
</div>
</div>
<div>
<div>
<h1>Lag et rom</h1>
<p>Snakk med venner osv.</p>
<button type="submit" class="MessageFormButton" @onclick="LagTilfeldigRom">Lag et tilfeldig rom</button>
</div>
</div>
</div>
</div>
@if (msgs != null)
{
<div class="MessagesList" id="messagesList" hidden="@(ModalIsVisible)">
@foreach (var message in msgs)
{
<div class="message">@message</div>
}
</div>
}
else
{
<h1>Ingen meldinger tilgjengelig.</h1>
}
<div class="messageFormContainer" hidden="@(ModalIsVisible)">
@if (messageModel == null)
{
<p>laster inn meldingsboks</p>
}
else
{
<EditForm Model="@messageModel" OnValidSubmit="@HandleSubmit" class="MessageForm">
<DataAnnotationsValidator />
<div class="MessageFormValidation">
<ValidationSummary />
</div>
<div class="MessageFormInputs">
<input @bind-value="messageModel.Message" placeholder="Skriv inn din melding..." class="MessageFormMessage" />
<button type="submit" disabled="@(!IsConnected || ModalIsVisible)" class="MessageFormButton"><i class="bi bi-send-fill"></i></button>
</div>
</EditForm>
}
</div>
@code {
private HubConnection? hubConnection;
private string? romkode;
private bool ModalIsVisible = true;
private MessageModel messageModel = new MessageModel() { User = "", Message = "" };
private UserModel userModel = new UserModel() { User = "" };
private List<string> msgs = new List<string>();
protected override async Task OnInitializedAsync()
private void LagTilfeldigRom()
{
hubConnection = new HubConnectionBuilder()
.WithUrl(Navigation.ToAbsoluteUri("/chathub"))
.Build();
using (var db = new ChattingContext())
{
var messages = db.Messages.ToList();
foreach (var msg in messages)
{
var encodedMsg = $"{msg.User}: {msg.Message}";
msgs.Add(encodedMsg);
}
await InvokeAsync(StateHasChanged);
}
hubConnection.On<string, string>("ReceiveMessage", (user, message) =>
{
var encodedMsg = $"{user}: {message}";
msgs.Add(encodedMsg);
InvokeAsync(StateHasChanged);
});
await hubConnection.StartAsync();
// lag tilfeldig nummer
Random random = new Random();
var nummer = random.Next(0, 1000000);
// send bruker til rommet
Navigation.NavigateTo("/chat/" + nummer);
}
private async Task SetUser()
private void BliMedIRom()
{
ModalIsVisible = false;
messageModel.User = userModel.User;
await localStorage.SetItemAsync("user", userModel.User);
}
private async Task HandleSubmit()
{
var filter = new ProfanityFilter.ProfanityFilter();
// Kjempegøy
filter.AddProfanity("faen");
filter.AddProfanity("jævla");
filter.AddProfanity("jævel");
filter.AddProfanity("homse");
filter.AddProfanity("homo");
filter.AddProfanity("neger");
filter.AddProfanity("transe");
filter.AddProfanity("dritt");
messageModel.User = filter.CensorString(messageModel.User);
messageModel.Message = filter.CensorString(messageModel.Message);
if (hubConnection is not null)
{
await hubConnection.SendAsync("SendMessage", messageModel.User, messageModel.Message);
}
}
public bool IsConnected =>
hubConnection?.State == HubConnectionState.Connected;
public async ValueTask DisposeAsync()
{
if (hubConnection is not null)
{
await hubConnection.DisposeAsync();
}
// send bruker til rommet
Navigation.NavigateTo("/chat/" + romkode);
}
}