Merge pull request #144 from ThomasRubini/ergonomicChanges

Ergonomic changes

truthinquiry/static/css/game_ui_start.css

@@ -8,9 +8,9 @@ input, .action_button, .game_mode_item_title {
     font-family: "Titan One", sans-serif;
 }
 
-.back_button, .theme_switcher_btn {
-    height: var(--header-actions-side);
-    width: var(--header-actions-side);
+#back_button, .theme_switcher_btn {
+    height: 2em;
+    width: 5em;
 }
 
 .game_begin, .game_mode_item, .game_mode_item_input_text_single_line, .game_mode_items, .game_mode_selection {

truthinquiry/static/js/game.js

@@ -281,8 +281,9 @@ function renderAnswerSelectionPanel() {
 
         button.appendChild(document.createTextNode("Couplable"));
 
-        button.addEventListener("click", () => {
+        button.addEventListener("click", (event) => {
             disableCulpritButtons(culpritChoices, suspect);
+            event.target.textContent = "attente des autres joueurs...";
             sendAnswers();
         });
 

truthinquiry/static/js/game_lobby.js

@@ -81,7 +81,8 @@ function displayInvalidNickNameErrorMessage(errorMessage) {
 /**
  * Start a game in the history mode.
  */
-function startHistoryGame() {
+function startHistoryGame(event) {
+    event.target.textContent = "Chargement...";
     makeAPIRequest("startGame");
 }
 

truthinquiry/static/js/game_start_page.js

@@ -112,26 +112,26 @@ function areInputsValid(checkRoomCode) {
 /**
  * Handler for the multiplayer room creation button 
  */
-function createMultiPlayerRoom() {
+function createMultiPlayerRoom(event) {
     if (!areInputsValid(false)) {
         return;
     }
 
     hideInvalidInputErrorMessage();
-
+    event.target.textContent = "Chargement...";
     startGame();
 }
 
 /**
  * Handler for the join room button 
  */
-function joinMultiPlayerRoom() {
+function joinMultiPlayerRoom(event) {
     if (!areInputsValid(true)) {
         return;
     }
 
     hideInvalidInputErrorMessage();
-
+    event.target.textContent = "Chargement...";
     joinGame();
 }
 
@@ -208,14 +208,13 @@ function changeTheme() {
  * This function launches a single player game. It sends the api request to
  * create a game then it immediately start the game by sendind the startGame api
  */
-async function startSoloGame(){
+async function startSoloGame(event){
 
     if (!areInputsValid(false)) {
         return;
     }
-
+    event.target.textContent = "Chargement...";
     hideInvalidInputErrorMessage();
-
     username = document.getElementById("game_username").value;
     let data = {}
     data["username"] = username;