KnockOutWhist/KnockOutWhist-Web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 72 Wiki Activity

feat(ui): Websocket

Browse Source 
Started implementing functionality to the Websocket
This commit is contained in:
LQ63
2025-11-26 18:56:26 +01:00
parent 93692ca152
commit 54bda0d838
12 changed files with 106 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
knockoutwhistweb/public/javascripts/events.js
View File

@@ -133,9 +133,9 @@ function trickEndEvent(eventData) {
playerorder.forEach( player => {
newHtml += `
<div class="d-flex justify-content-between score-row pt-1">
<div style="width: 50%" class="text-truncate">'${player}'</div>
<div style="width: 50%" class="text-truncate">${player}</div>
<div style="width: 50%">
'${playercounts.get(player)}'
${playercounts.get(player)}
</div>
</div>
`
@@ -143,22 +143,23 @@ function trickEndEvent(eventData) {
tricktable.html(newHtml);
}
function newTrickEvent() {
const firstCardContainer = $('first-card-container');
const firstCardContainer = $('#first-card-container');
let newHtml = '';
newHtml += `
<img src="images/cards/1B.png" alt="Blank Card" width="80px"/>
<img src="/assets/images/cards/1B.png" alt="Blank Card" width="80px" style="border-radius: 6px"/>
`;
console.log("NEW TRICK EVENT")
firstCardContainer.html(newHtml);
}
function requestCardEvent(eventData) {
const player = eventData.player;
const handElement = $('#card-slide')
console.log("PLAY A CARD")
handElement.removeClass('inactive');
}
//alertMessage("It worked!")
//alertMessage("JANIS DU DUMMER WICHSER")
//alertMessage("NOCHMAL DUMMER WICHSER")
function receiveGameStateChange(eventData) {
@@ -212,4 +213,6 @@ onEvent("NewRoundEvent", newRoundEvent)
onEvent("TrickEndEvent", trickEndEvent)
onEvent("NewTrickEvent", newTrickEvent)
onEvent("RequestCardEvent", requestCardEvent)
onEvent("CardPlayedEvent", receiveCardPlayedEvent)
onEvent("CardPlayedEvent", receiveCardPlayedEvent)
globalThis.alertMessage = alertMessage