diff --git a/encheres/server/public/html/about.html b/encheres/server/public/html/about.html
index 1199e9dd14211193bfd5ba42d48659b1d4231382..1fb6f2d05f338aa0de306c0b8d10858fc1806d2b 100644
--- a/encheres/server/public/html/about.html
+++ b/encheres/server/public/html/about.html
@@ -9,4 +9,10 @@
<body>
<h1>Infos</h1>
+ <div>
+ <p>Auteur de l'application : <strong>Mamadu BAH</strong></p>
+ <p>Numéro de version : <strong>V1.0</strong></p>
+
+ <a href="./">accueil</a>
+ </div>
</body>
\ No newline at end of file
diff --git a/encheres/server/public/html/auctioneer.html b/encheres/server/public/html/auctioneer.html
index 74b7c4735bc721c74f1df33c947ffca8d54da174..aab69f3825bff082b8d2f5534201c0b96bf75270 100644
--- a/encheres/server/public/html/auctioneer.html
+++ b/encheres/server/public/html/auctioneer.html
@@ -6,10 +6,37 @@
<title>Server</title>
<link href="./style/style.css" rel="stylesheet" type="text/css"/>
<script src="/socket.io/socket.io.js"></script>
- <script defer src="../scripts/auctioneer-bundle.js?8646d609246098631a96"></script></head>
+ <script defer src="../scripts/auctioneer-bundle.js?e6b51a291c1b05a49e07"></script></head>
<body>
<h1>Comissaire-priseur</h1>
+
+ <div id="ident-auc">Vous êtes le commissaire priseur</div>
+ <div id="prod-auc">
+ <div>
+ <label for="name">Objet aux enchères</label>
+ <input type="text" id="name" name="name" placeholder="Votre texte ici"/>
+ </div>
+
+ <div>
+ <label for="name">Prix de départ</label>
+ <input type="number" id="value" min="10" max="100" value="10" name="value" placeholder="Votre prix ici"/>
+ </div>
+ <div>Montant actuel enchère : <span id="prixactuel"></span></div>
+ <div class="button">
+ <button id="start" type="button" disabled>
+ <img src="../image/start.jpg" alt="start"/>
+ </button>
+
+ <button id="sale" type="button" disabled>
+ <img src="blabla" alt="sale"/>
+ </button>
+
+ </div>
+ </div>
+
+ <a href="./">accueil</a>
+
</body>
</html>
\ No newline at end of file
diff --git a/encheres/server/public/html/bidder.html b/encheres/server/public/html/bidder.html
index f053e67c279777efae1b356850a6f48bc1fa3e13..9d26a684575b38e88f72962cabdcfca56d89eadb 100644
--- a/encheres/server/public/html/bidder.html
+++ b/encheres/server/public/html/bidder.html
@@ -6,10 +6,26 @@
<title>Server</title>
<link href="./style/style.css" rel="stylesheet" type="text/css"/>
<script src="/socket.io/socket.io.js"></script>
- <script defer src="../scripts/bidder-bundle.js?8646d609246098631a96"></script></head>
+ <script defer src="../scripts/bidder-bundle.js?e6b51a291c1b05a49e07"></script></head>
<body>
<h1>Enchérisseur</h1>
+ <div class="bidder">
+ <div id="ident-bid">Bienvenue</div>
+ <div class="item">Objet en enchères : <span class="description"></span>
+ <div class="item">Prix actuel : <span class="prix"></span> </div>
+ </div>
+
+ <div id="buttons" class="price-options">
+ <p>Enchères possibles :</p>
+ <button class="price-button">20€</button>
+ <button class="price-button">50€</button>
+ <button class="price-button">100€</button>
+
+ </div>
+
+ <a href="./">accueil</a>
+
</body>
</html>
\ No newline at end of file
diff --git a/encheres/server/public/images/start.jpg b/encheres/server/public/images/start.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ecbaf45095acdc7a7b2d9f690bb5029e858df868
Binary files /dev/null and b/encheres/server/public/images/start.jpg differ
diff --git a/encheres/server/public/index.html b/encheres/server/public/index.html
index f1f72bba793e1724075e192fb4be20bf769e5dc0..26f061aaea261b7b8eaec0c38fe9b394da6e3409 100644
--- a/encheres/server/public/index.html
+++ b/encheres/server/public/index.html
@@ -7,7 +7,7 @@
<title>server</title>
<link href="./style/style.css" rel="stylesheet" type="text/css"/>
- <script defer src="scripts/main-bundle.js?8646d609246098631a96"></script></head>
+ <script defer src="scripts/main-bundle.js?e6b51a291c1b05a49e07"></script></head>
<body>
<h1>Enchères</h1>
diff --git a/encheres/server/public/scripts/auctioneer-bundle.js b/encheres/server/public/scripts/auctioneer-bundle.js
index f857f6d69b8c280b37c23e09c0484491f15cd953..129f7a5d3f0116fce4c9cc9a454f6a42b6b95377 100644
--- a/encheres/server/public/scripts/auctioneer-bundle.js
+++ b/encheres/server/public/scripts/auctioneer-bundle.js
@@ -1,2 +1,2 @@
/*! For license information please see auctioneer-bundle.js.LICENSE.txt */
-(()=>{var __webpack_modules__={"./src/scripts/auctioneer.js":()=>{eval("console.log('le bundle-auctioneer a été généré');\nconst socket = io();//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2NyaXB0cy9hdWN0aW9uZWVyLmpzIiwibmFtZXMiOlsiY29uc29sZSIsImxvZyIsInNvY2tldCIsImlvIl0sInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9hcHAvLi9zcmMvc2NyaXB0cy9hdWN0aW9uZWVyLmpzP2U2NjIiXSwic291cmNlc0NvbnRlbnQiOlsiY29uc29sZS5sb2coJ2xlIGJ1bmRsZS1hdWN0aW9uZWVyIGEgw6l0w6kgZ8OpbsOpcsOpJyk7XHJcblxyXG5jb25zdCBzb2NrZXQgPSBpbygpO1xyXG4iXSwibWFwcGluZ3MiOiJBQUFBQSxPQUFPLENBQUNDLEdBQUcsQ0FBQyxtQ0FBbUMsQ0FBQztBQUVoRCxNQUFNQyxNQUFNLEdBQUdDLEVBQUUsQ0FBQyxDQUFDIn0=\n//# sourceURL=webpack-internal:///./src/scripts/auctioneer.js\n")}},__webpack_exports__={};__webpack_modules__["./src/scripts/auctioneer.js"]()})();
\ No newline at end of file
+(()=>{var __webpack_modules__={"./src/scripts/auctioneer.js":()=>{eval('console.log(\'le bundle-auctioneer a été généré\');\nconst socket = io();\nlet winnerId;\nconst inputName = document.getElementById("name");\nconst inputValue = document.getElementById("value");\nconst buttonStart = document.getElementById("start");\nconst buttonSale = document.getElementById("sale");\nbuttonSale.addEventListener("click", saleProduct);\nconst ident = document.getElementById("ident-auc");\nsocket.emit("auctioneer");\nsocket.on("alreadyAuct", () => alreadyAuctioneer());\nfunction alreadyAuctioneer() {\n const prod = document.getElementById("prod-auc");\n ident.textContent = "Connexion refusée, il y a déjà un comissaire-priseur";\n prod.style.display = "none";\n}\nconst prixActuel = document.getElementById("prixactuel");\nprixActuel.textContent = inputValue.value + "€";\nfunction emptyInput() {\n if (inputName.value.trim() === "") {\n buttonStart.disabled = true;\n } else {\n buttonStart.disabled = false;\n }\n}\ninputName.addEventListener("input", emptyInput);\nbuttonStart.addEventListener("click", startEnchere);\nfunction startEnchere() {\n prixActuel.textContent = inputValue.value + "€";\n buttonSale.disabled = false;\n ident.textContent = `Debut de l\'enchère pour ${inputName.value} à ${inputValue.value}€`;\n socket.emit("infos", inputName.value, inputValue.value);\n socket.on("changePrix", (nouveauPrix, sock) => {\n updatePrix(nouveauPrix, sock);\n winnerId = sock;\n });\n waitForNewEnchere(true);\n}\nfunction saleProduct() {\n ident.textContent = `Fin de l\'enchère. Un ${inputName.value} à ${prixActuel.textContent}`;\n socket.emit("adjuge", winnerId);\n waitForNewEnchere(false);\n}\nfunction updatePrix(nouveauPrix, sock) {\n prixActuel.textContent = nouveauPrix + "€";\n ident.textContent = `Nouvelle enchère réçu de ${sock}`;\n}\nfunction waitForNewEnchere(disabled) {\n inputName.disabled = disabled;\n inputValue.disabled = disabled;\n buttonStart.disabled = disabled;\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2NyaXB0cy9hdWN0aW9uZWVyLmpzIiwibmFtZXMiOlsiY29uc29sZSIsImxvZyIsInNvY2tldCIsImlvIiwid2lubmVySWQiLCJpbnB1dE5hbWUiLCJkb2N1bWVudCIsImdldEVsZW1lbnRCeUlkIiwiaW5wdXRWYWx1ZSIsImJ1dHRvblN0YXJ0IiwiYnV0dG9uU2FsZSIsImFkZEV2ZW50TGlzdGVuZXIiLCJzYWxlUHJvZHVjdCIsImlkZW50IiwiZW1pdCIsIm9uIiwiYWxyZWFkeUF1Y3Rpb25lZXIiLCJwcm9kIiwidGV4dENvbnRlbnQiLCJzdHlsZSIsImRpc3BsYXkiLCJwcml4QWN0dWVsIiwidmFsdWUiLCJlbXB0eUlucHV0IiwidHJpbSIsImRpc2FibGVkIiwic3RhcnRFbmNoZXJlIiwibm91dmVhdVByaXgiLCJzb2NrIiwidXBkYXRlUHJpeCIsIndhaXRGb3JOZXdFbmNoZXJlIl0sInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9hcHAvLi9zcmMvc2NyaXB0cy9hdWN0aW9uZWVyLmpzP2U2NjIiXSwic291cmNlc0NvbnRlbnQiOlsiY29uc29sZS5sb2coJ2xlIGJ1bmRsZS1hdWN0aW9uZWVyIGEgw6l0w6kgZ8OpbsOpcsOpJyk7XG5cbmNvbnN0IHNvY2tldCA9IGlvKCk7XG5cbmxldCB3aW5uZXJJZDtcblxuY29uc3QgaW5wdXROYW1lID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCJuYW1lXCIpO1xuY29uc3QgaW5wdXRWYWx1ZSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwidmFsdWVcIik7XG5jb25zdCBidXR0b25TdGFydCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwic3RhcnRcIik7XG5cbmNvbnN0IGJ1dHRvblNhbGUgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcInNhbGVcIik7XG5idXR0b25TYWxlLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBzYWxlUHJvZHVjdCk7XG5cbmNvbnN0IGlkZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCJpZGVudC1hdWNcIik7XG5cbnNvY2tldC5lbWl0KFwiYXVjdGlvbmVlclwiKTtcbnNvY2tldC5vbihcImFscmVhZHlBdWN0XCIsICgpID0+IGFscmVhZHlBdWN0aW9uZWVyKCkpO1xuXG5mdW5jdGlvbiBhbHJlYWR5QXVjdGlvbmVlcigpIHtcbiAgICBjb25zdCBwcm9kID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCJwcm9kLWF1Y1wiKTtcbiAgICBpZGVudC50ZXh0Q29udGVudCA9IFwiQ29ubmV4aW9uIHJlZnVzw6llLCBpbCB5IGEgZMOpasOgIHVuIGNvbWlzc2FpcmUtcHJpc2V1clwiO1xuICAgIHByb2Quc3R5bGUuZGlzcGxheSA9IFwibm9uZVwiO1xufVxuXG5jb25zdCBwcml4QWN0dWVsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCJwcml4YWN0dWVsXCIpO1xucHJpeEFjdHVlbC50ZXh0Q29udGVudCA9IGlucHV0VmFsdWUudmFsdWUrXCLigqxcIjtcblxuZnVuY3Rpb24gZW1wdHlJbnB1dCgpIHtcbiAgICBpZihpbnB1dE5hbWUudmFsdWUudHJpbSgpID09PSBcIlwiKSB7XG4gICAgICAgIGJ1dHRvblN0YXJ0LmRpc2FibGVkID0gdHJ1ZTtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICAgIGJ1dHRvblN0YXJ0LmRpc2FibGVkID0gZmFsc2U7XG4gICAgfVxufVxuXG5pbnB1dE5hbWUuYWRkRXZlbnRMaXN0ZW5lcihcImlucHV0XCIsIGVtcHR5SW5wdXQpO1xuXG5idXR0b25TdGFydC5hZGRFdmVudExpc3RlbmVyKFwiY2xpY2tcIiwgc3RhcnRFbmNoZXJlKTtcblxuZnVuY3Rpb24gc3RhcnRFbmNoZXJlKCkge1xuICAgIHByaXhBY3R1ZWwudGV4dENvbnRlbnQgPSBpbnB1dFZhbHVlLnZhbHVlK1wi4oKsXCI7XG4gICAgYnV0dG9uU2FsZS5kaXNhYmxlZCA9IGZhbHNlO1xuICAgIGlkZW50LnRleHRDb250ZW50ID0gYERlYnV0IGRlIGwnZW5jaMOocmUgcG91ciAke2lucHV0TmFtZS52YWx1ZX0gw6AgJHtpbnB1dFZhbHVlLnZhbHVlfeKCrGA7XG4gICAgc29ja2V0LmVtaXQoXCJpbmZvc1wiLCBpbnB1dE5hbWUudmFsdWUsIGlucHV0VmFsdWUudmFsdWUpO1xuICAgIHNvY2tldC5vbihcImNoYW5nZVByaXhcIiwgKG5vdXZlYXVQcml4LCBzb2NrKSA9PiB7XG4gICAgICAgIHVwZGF0ZVByaXgobm91dmVhdVByaXgsIHNvY2spO1xuICAgICAgICB3aW5uZXJJZCA9IHNvY2s7XG4gICAgfSk7XG4gICAgd2FpdEZvck5ld0VuY2hlcmUodHJ1ZSk7XG59XG5cbmZ1bmN0aW9uIHNhbGVQcm9kdWN0KCkge1xuICAgIGlkZW50LnRleHRDb250ZW50ID0gYEZpbiBkZSBsJ2VuY2jDqHJlLiBVbiAke2lucHV0TmFtZS52YWx1ZX0gw6AgJHtwcml4QWN0dWVsLnRleHRDb250ZW50fWA7XG4gICAgc29ja2V0LmVtaXQoXCJhZGp1Z2VcIiwgd2lubmVySWQpO1xuICAgIHdhaXRGb3JOZXdFbmNoZXJlKGZhbHNlKTtcbn1cblxuZnVuY3Rpb24gdXBkYXRlUHJpeChub3V2ZWF1UHJpeCwgc29jaykge1xuICAgIHByaXhBY3R1ZWwudGV4dENvbnRlbnQgPSBub3V2ZWF1UHJpeCtcIuKCrFwiO1xuICAgIGlkZW50LnRleHRDb250ZW50ID0gYE5vdXZlbGxlIGVuY2jDqHJlIHLDqcOndSBkZSAke3NvY2t9YDtcbn1cblxuZnVuY3Rpb24gd2FpdEZvck5ld0VuY2hlcmUoZGlzYWJsZWQpIHtcbiAgICBpbnB1dE5hbWUuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbiAgICBpbnB1dFZhbHVlLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gICAgYnV0dG9uU3RhcnQuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbn1cblxuXG4iXSwibWFwcGluZ3MiOiJBQUFBQSxPQUFPLENBQUNDLEdBQUcsQ0FBQyxtQ0FBbUMsQ0FBQztBQUVoRCxNQUFNQyxNQUFNLEdBQUdDLEVBQUUs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\n//# sourceURL=webpack-internal:///./src/scripts/auctioneer.js\n')}},__webpack_exports__={};__webpack_modules__["./src/scripts/auctioneer.js"]()})();
\ No newline at end of file
diff --git a/encheres/server/public/scripts/bidder-bundle.js b/encheres/server/public/scripts/bidder-bundle.js
index 36081fbec2cfc9cfb3b7df492f318040f967349f..9123bec164934956408d697e9ba6973e116cb058 100644
--- a/encheres/server/public/scripts/bidder-bundle.js
+++ b/encheres/server/public/scripts/bidder-bundle.js
@@ -1,2 +1,2 @@
/*! For license information please see bidder-bundle.js.LICENSE.txt */
-(()=>{var __webpack_modules__={"./src/scripts/bidder.js":()=>{eval("console.log('le bundle-bidder a été généré');\nconst socket = io();//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2NyaXB0cy9iaWRkZXIuanMiLCJuYW1lcyI6WyJjb25zb2xlIiwibG9nIiwic29ja2V0IiwiaW8iXSwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsid2VicGFjazovL2FwcC8uL3NyYy9zY3JpcHRzL2JpZGRlci5qcz9hNjJhIl0sInNvdXJjZXNDb250ZW50IjpbImNvbnNvbGUubG9nKCdsZSBidW5kbGUtYmlkZGVyIGEgw6l0w6kgZ8OpbsOpcsOpJyk7XHJcblxyXG5jb25zdCBzb2NrZXQgPSBpbygpOyJdLCJtYXBwaW5ncyI6IkFBQUFBLE9BQU8sQ0FBQ0MsR0FBRyxDQUFDLCtCQUErQixDQUFDO0FBRTVDLE1BQU1DLE1BQU0sR0FBR0MsRUFBRSxDQUFDLENBQUMifQ==\n//# sourceURL=webpack-internal:///./src/scripts/bidder.js\n")}},__webpack_exports__={};__webpack_modules__["./src/scripts/bidder.js"]()})();
\ No newline at end of file
+(()=>{var __webpack_modules__={"./src/scripts/bidder.js":()=>{eval('console.log(\'le bundle-bidder a été généré\');\nconst socket = io();\nconst ident = document.getElementById("ident-bid");\nconst description = document.getElementsByClassName("description");\nconst prix = document.getElementsByClassName("prix");\nlet prixActuel = 0;\ndisplayButton("none");\nconst buttons = document.querySelectorAll("button");\nfor (const button of buttons) {\n button.addEventListener("click", selectPrice);\n}\nfunction displayButton(display) {\n const divButtons = document.getElementById("buttons");\n divButtons.style.display = display;\n}\nsocket.on("infos", (name, value) => {\n ident.textContent = `Une nouvelle enchère commence`;\n enchereBegin(name, value);\n displayButton("block");\n socket.on("changePrix", nouveauPrix => {\n changePrix(nouveauPrix);\n });\n});\nsocket.on("deconnexion", () => deconnexionAuctiooneer());\nfunction changePrix(nouveauPrix) {\n prix[0].textContent = nouveauPrix + "€";\n prixActuel = nouveauPrix;\n}\nfunction enchereBegin(name, value) {\n description[0].textContent = name;\n prix[0].textContent = value + "€";\n prixActuel = parseInt(prix[0].textContent);\n}\nfunction selectPrice(event) {\n const selectedPrix = parseInt(event.target.textContent);\n prixActuel += selectedPrix;\n socket.emit("prixActuel", prixActuel);\n socket.on("adjuge", () => finishEnchere());\n ident.textContent = `Vous avez fait une enchère de +${selectedPrix}€`;\n}\nfunction finishEnchere() {\n ident.textContent = `Enchères terminé, l\'enchère a été remporté par une autre personne`;\n displayButton("none");\n}\nfunction win() {\n console.log("ici");\n ident.textContent = `Enchères terminé, vous avez remporté l\'enchère`;\n displayButton("none");\n}\nfunction deconnexionAuctiooneer() {\n ident.textContent = "le comissaire priseur s\'est déconnecté, fin de l\'nchère";\n prix[0].textContent = "-€";\n description[0].textContent = "";\n displayButton("none");\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2NyaXB0cy9iaWRkZXIuanMiLCJuYW1lcyI6WyJjb25zb2xlIiwibG9nIiwic29ja2V0IiwiaW8iLCJpZGVudCIsImRvY3VtZW50IiwiZ2V0RWxlbWVudEJ5SWQiLCJkZXNjcmlwdGlvbiIsImdldEVsZW1lbnRzQnlDbGFzc05hbWUiLCJwcml4IiwicHJpeEFjdHVlbCIsImRpc3BsYXlCdXR0b24iLCJidXR0b25zIiwicXVlcnlTZWxlY3RvckFsbCIsImJ1dHRvbiIsImFkZEV2ZW50TGlzdGVuZXIiLCJzZWxlY3RQcmljZSIsImRpc3BsYXkiLCJkaXZCdXR0b25zIiwic3R5bGUiLCJvbiIsIm5hbWUiLCJ2YWx1ZSIsInRleHRDb250ZW50IiwiZW5jaGVyZUJlZ2luIiwibm91dmVhdVByaXgiLCJjaGFuZ2VQcml4IiwiZGVjb25uZXhpb25BdWN0aW9vbmVlciIsInBhcnNlSW50IiwiZXZlbnQiLCJzZWxlY3RlZFByaXgiLCJ0YXJnZXQiLCJlbWl0IiwiZmluaXNoRW5jaGVyZSIsIndpbiJdLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vYXBwLy4vc3JjL3NjcmlwdHMvYmlkZGVyLmpzP2E2MmEiXSwic291cmNlc0NvbnRlbnQiOlsiY29uc29sZS5sb2coJ2xlIGJ1bmRsZS1iaWRkZXIgYSDDqXTDqSBnw6luw6lyw6knKTtcblxuY29uc3Qgc29ja2V0ID0gaW8oKTtcblxuY29uc3QgaWRlbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcImlkZW50LWJpZFwiKTtcbmNvbnN0IGRlc2NyaXB0aW9uID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZShcImRlc2NyaXB0aW9uXCIpO1xuY29uc3QgcHJpeCA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoXCJwcml4XCIpO1xuXG5sZXQgcHJpeEFjdHVlbCA9IDA7XG5cbmRpc3BsYXlCdXR0b24oXCJub25lXCIpO1xuY29uc3QgYnV0dG9ucyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXCJidXR0b25cIik7XG5mb3IoY29uc3QgYnV0dG9uIG9mIGJ1dHRvbnMpIHtcbiAgICBidXR0b24uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHNlbGVjdFByaWNlKTtcbn1cblxuZnVuY3Rpb24gZGlzcGxheUJ1dHRvbihkaXNwbGF5KSB7XG4gICAgY29uc3QgZGl2QnV0dG9ucyA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwiYnV0dG9uc1wiKTtcbiAgICBkaXZCdXR0b25zLnN0eWxlLmRpc3BsYXkgPSBkaXNwbGF5O1xufVxuXG5zb2NrZXQub24oXCJpbmZvc1wiLCAobmFtZSwgdmFsdWUpID0+IHtcbiAgICBpZGVudC50ZXh0Q29udGVudCA9IGBVbmUgbm91dmVsbGUgZW5jaMOocmUgY29tbWVuY2VgO1xuICAgIGVuY2hlcmVCZWdpbihuYW1lLCB2YWx1ZSk7XG4gICAgZGlzcGxheUJ1dHRvbihcImJsb2NrXCIpO1xuICAgIHNvY2tldC5vbihcImNoYW5nZVByaXhcIiwgKG5vdXZlYXVQcml4KSA9PiB7Y2hhbmdlUHJpeChub3V2ZWF1UHJpeCl9KTtcbn0pO1xuXG5zb2NrZXQub24oXCJkZWNvbm5leGlvblwiLCAoKSA9PiBkZWNvbm5leGlvbkF1Y3Rpb29uZWVyKCkpO1xuXG5mdW5jdGlvbiBjaGFuZ2VQcml4KG5vdXZlYXVQcml4KSB7XG4gICAgcHJpeFswXS50ZXh0Q29udGVudCA9IG5vdXZlYXVQcml4K1wi4oKsXCI7XG4gICAgcHJpeEFjdHVlbCA9IG5vdXZlYXVQcml4O1xufVxuXG5mdW5jdGlvbiBlbmNoZXJlQmVnaW4obmFtZSwgdmFsdWUpIHtcbiAgICBkZXNjcmlwdGlvblswXS50ZXh0Q29udGVudCA9IG5hbWU7XG4gICAgcHJpeFswXS50ZXh0Q29udGVudCA9IHZhbHVlK1wi4oKsXCI7XG4gICAgcHJpeEFjdHVlbCA9IHBhcnNlSW50KHByaXhbMF0udGV4dENvbnRlbnQpO1xufVxuXG5cbmZ1bmN0aW9uIHNlbGVjdFByaWNlKGV2ZW50KSB7XG4gICAgY29uc3Qgc2VsZWN0ZWRQcml4ID0gcGFyc2VJbnQoZXZlbnQudGFyZ2V0LnRleHRDb250ZW50KTtcbiAgICBwcml4QWN0dWVsICs9IHNlbGVjdGVkUHJpeDtcbiAgICBzb2NrZXQuZW1pdChcInByaXhBY3R1ZWxcIiwgcHJpeEFjdHVlbCk7XG4gICAgc29ja2V0Lm9uKFwiYWRqdWdlXCIsICgpID0+IGZpbmlzaEVuY2hlcmUoKSk7XG4gICAgaWRlbnQudGV4dENvbnRlbnQgPSBgVm91cyBhdmV6IGZhaXQgdW5lIGVuY2jDqHJlIGRlICske3NlbGVjdGVkUHJpeH3igqxgO1xufVxuXG5mdW5jdGlvbiBmaW5pc2hFbmNoZXJlKCkge1xuICAgIGlkZW50LnRleHRDb250ZW50ID0gYEVuY2jDqHJlcyB0ZXJtaW7DqSwgIGwnZW5jaMOocmUgYSDDqXTDqSByZW1wb3J0w6kgcGFyIHVuZSBhdXRyZSBwZXJzb25uZWA7XG4gICAgZGlzcGxheUJ1dHRvbihcIm5vbmVcIik7XG59XG5cbmZ1bmN0aW9uIHdpbigpIHtcbiAgICBjb25zb2xlLmxvZyhcImljaVwiKTtcbiAgICBpZGVudC50ZXh0Q29udGVudCA9IGBFbmNow6hyZXMgdGVybWluw6ksIHZvdXMgYXZleiByZW1wb3J0w6kgbCdlbmNow6hyZWA7XG4gICAgZGlzcGxheUJ1dHRvbihcIm5vbmVcIik7XG59XG5cbmZ1bmN0aW9uIGRlY29ubmV4aW9uQXVjdGlvb25lZXIoKSB7XG4gICAgaWRlbnQudGV4dENvbnRlbnQgPSBcImxlIGNvbWlzc2FpcmUgcHJpc2V1ciBzJ2VzdCBkw6ljb25uZWN0w6ksIGZpbiBkZSBsJ25jaMOocmVcIjtcbiAgICBwcml4WzBdLnRleHRDb250ZW50ID0gXCIt4oKsXCI7XG4gICAgZGVzY3JpcHRpb25bMF0udGV4dENvbnRlbnQgPSBcIlwiO1xuICAgIGRpc3BsYXlCdXR0b24oXCJub25lXCIpO1xufVxuXG5cblxuIl0sIm1hcHBpbmdzIjoiQUFBQUEsT0FBTyxDQUFDQyxHQUFHLENBQUMsK0JBQStCLENBQUM7QUFF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\n//# sourceURL=webpack-internal:///./src/scripts/bidder.js\n')}},__webpack_exports__={};__webpack_modules__["./src/scripts/bidder.js"]()})();
\ No newline at end of file
diff --git a/encheres/server/public/style/style.css b/encheres/server/public/style/style.css
index 993a797e063f4289a763f60d5cd2238659305b8f..b2a3bd6165de05266ac18d6e5d9499cf86f02d9f 100644
--- a/encheres/server/public/style/style.css
+++ b/encheres/server/public/style/style.css
@@ -4,12 +4,66 @@ body {
font-family : Verdana, Helvetica, Arial, sans-serif;
background-color: white;
margin : 0% 2%;
+ padding: 50px;
+ font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
-kbd {
+div {
padding : 0px 2px;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
color : rgb(60,60,60);
font-style : bold;
font-size : large;
}
+
+input {
+ padding: 5px 10px; /* Ajoute un peu de padding pour l'esthétique */
+ width: 150px; /* Réduit la largeur de l'input */
+}
+
+#ident-auc {
+ border: 2px solid #000; /* Ajoute une bordure noire solide autour du conteneur */
+ padding: 10px; /* Ajoute du padding à l'intérieur du conteneur pour ne pas coller au contenu */
+ margin: 10px; /* Ajoute un peu d'espace autour du conteneur */
+}
+
+h1 {
+ color: #00B7FF;
+}
+.bidder, #prod-auc{
+ display: flex; /* Active Flexbox */
+ flex-direction: column; /* Dispose les éléments enfants en colonne */
+ gap: 10px; /* Ajoute un espace entre les éléments enfants */
+ border: 2px solid #000; /* Ajoute une bordure noire solide autour du conteneur */
+ padding: 10px; /* Ajoute du padding à l'intérieur du conteneur pour ne pas coller au contenu */
+ margin: 10px; /* Ajoute un peu d'espace autour du conteneur */
+}
+
+.price-options {
+ display: flex;
+ align-items: center; /* Centre les éléments horizontalement */
+ gap: 10px; /* Espace entre les éléments */
+ border: 2px solid #000; /* Ajoute une bordure noire solide autour du conteneur */
+ padding: 10px; /* Ajoute du padding à l'intérieur du conteneur pour ne pas coller au contenu */
+ margin: 10px; /* Ajoute un peu d'espace autour du conteneur */
+}
+
+.price-options p {
+ margin: 0; /* Supprime la marge par défaut pour aligner correctement le texte */
+ font-size: 18px; /* Taille du texte */
+ color: #333; /* Couleur du texte */
+}
+
+.price-button {
+ padding: 10px 20px; /* Padding autour du texte */
+ font-size: 16px; /* Taille du texte */
+ color: white; /* Couleur du texte */
+ background-color: #007bff; /* Couleur de fond du bouton */
+ border: none; /* Pas de bordure */
+ border-radius: 5px; /* Bordures arrondies */
+ cursor: pointer; /* Change le curseur en main au survol */
+}
+
+.price-button:hover {
+ background-color: #0056b3; /* Couleur de fond du bouton au survol */
+}