From b90269f38a54465f6b8c56b35af66b29ae99f75a Mon Sep 17 00:00:00 2001
From: Mamadu Lamarana Bah <mamadulamarana.bah.etu@univ-lille.fr>
Date: Thu, 15 Feb 2024 14:38:49 +0100
Subject: [PATCH] gestion d'envoies de message entre bidder et auctioneer
---
encheres/client/src/html/bidder.html | 6 +++---
encheres/client/src/scripts/auctioneer.js | 20 +++++++++++++++++---
encheres/client/src/scripts/bidder.js | 20 +++++++++++++++-----
3 files changed, 35 insertions(+), 11 deletions(-)
diff --git a/encheres/client/src/html/bidder.html b/encheres/client/src/html/bidder.html
index 0a6f227..1a8d26d 100644
--- a/encheres/client/src/html/bidder.html
+++ b/encheres/client/src/html/bidder.html
@@ -18,9 +18,9 @@
<div class="price-options">
<p>Enchères possibles :</p>
- <button class="price-button" onclick="selectPrice('20€')">20€</button>
- <button class="price-button" onclick="selectPrice('50€')">50€</button>
- <button class="price-button" onclick="selectPrice('100€')">100€</button>
+ <button class="price-button">20€</button>
+ <button class="price-button">50€</button>
+ <button class="price-button">100€</button>
</div>
</body>
diff --git a/encheres/client/src/scripts/auctioneer.js b/encheres/client/src/scripts/auctioneer.js
index af85e8b..f57fcb1 100644
--- a/encheres/client/src/scripts/auctioneer.js
+++ b/encheres/client/src/scripts/auctioneer.js
@@ -8,7 +8,7 @@ const buttonStart = document.getElementById("start");
const buttonSale = document.getElementById("sale");
const prixActuel = document.getElementById("prixactuel");
-prixActuel.textContent = inputValue.value;
+prixActuel.textContent = inputValue.value+"€";
function emptyInput() {
if(inputName.value.trim() === "") {
@@ -22,12 +22,26 @@ function emptyInput() {
inputName.addEventListener("input", emptyInput);
buttonStart.addEventListener("click", startEnchere);
+const ident = document.getElementById("ident-auc");
function startEnchere() {
+ prixActuel.textContent = inputValue.value+"€";
buttonSale.disabled = false;
- const ident = document.getElementById("ident-auc");
- ident.textContent = `Debut de l'enchère pour ${inputName.value} à ${inputValue.value}`;
+ ident.textContent = `Debut de l'enchère pour ${inputName.value} à ${inputValue.value}€`;
socket.emit("infos", inputName.value, inputValue.value);
+ socket.on("prixActuel", (nouveauPrix, sock) => updatePrix(nouveauPrix, sock));
+ waitForNewEnchere();
+}
+
+function updatePrix(nouveauPrix, sock) {
+ prixActuel.textContent = nouveauPrix+"€";
+ ident.textContent = `Nouvelle enchère réçu de ${sock}`;
+}
+
+function waitForNewEnchere() {
+ inputName.disabled = true;
+ inputValue.disabled = true;
+ buttonStart.disabled = true;
}
diff --git a/encheres/client/src/scripts/bidder.js b/encheres/client/src/scripts/bidder.js
index 1959001..6a45373 100644
--- a/encheres/client/src/scripts/bidder.js
+++ b/encheres/client/src/scripts/bidder.js
@@ -6,20 +6,30 @@ const ident = document.getElementById("ident-bid");
const description = document.getElementsByClassName("description");
const prix = document.getElementsByClassName("prix");
+let prixActuel = 0;
socket.on("infos", (name, value) => {
ident.textContent = `Une nouvelle enchère commence`;
- console.log(name, value);
- description.textContent = name;
enchereBegin(name, value);
});
function enchereBegin(name, value) {
description[0].textContent = name;
- prix[0].textContent = value;
+ prix[0].textContent = value+"€";
+ prixActuel += parseInt(prix[0].textContent);
}
-function selectPrice(price) {
- console.log(price);
+const buttons = document.querySelectorAll("button");
+for(const button of buttons) {
+ button.addEventListener("click", selectPrice);
+}
+
+function selectPrice(event) {
+ const selectedPrix = parseInt(event.target.textContent);
+ prixActuel += selectedPrix;
+ prix[0].textContent = prixActuel;
+ socket.emit("prixActuel", prixActuel);
+ socket.on("prixActuel", (nouveauPrix) => {prix[0].textContent = nouveauPrix});
+ ident.textContent = `Vous avez fait une enchère de +${selectedPrix}€`;
}
--
GitLab