TypoMustakes/Prog4_Beadando
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SignalR implemented

Browse Source
This commit is contained in:
TypoMustakes
2024-05-09 17:56:16 +02:00
parent 171d640f03
commit 5b0ff9e099
18 changed files with 520 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/customers/customers.html
View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>Customers</title>
<link rel="stylesheet" type="text/css" href="../style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/microsoft-signalr/6.0.1/signalr.js"></script>
<script src="customers.js"></script>
</head>
<body>

38
WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/customers/customers.js
View File

@@ -1,5 +1,41 @@
let customers = [];
let connection = null;
getcustomers();
setupSignalR();
function setupSignalR() {
connection = new signalR.HubConnectionBuilder()
.withUrl("https://localhost:5001/hub")
.configureLogging(signalR.LogLevel.Information)
.build();
connection.on("CustomerCreated", (user, message) => {
getcustomers();
});
connection.on("CustomerDeleted", (user, message) => {
getcustomers();
});
connection.on("CustomerUpdated", (user, message) => {
getcustomers();
});
connection.onclose(async () => {
await start();
});
start();
}
async function start() {
try {
await connection.start();
console.log("SignalR Connected.");
} catch (err) {
console.log(err);
setTimeout(start, 5000);
}
};
async function getcustomers()
{
@@ -14,6 +50,8 @@ async function getcustomers()
function display()
{
document.getElementById('saveresult').innerHTML = '';
document.getElementById('forms').innerHTML = '';
document.getElementById('resultarea').innerHTML = '';
customers.forEach(t => {