some updates

web/multi/client/index.html

@@ -17,6 +17,7 @@
         <h1>Burger temps réel !</h1>
 
         <div id="game">
+          Connexion au serveur...
         </div>
 
         <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

web/multi/client/js/game.js

@@ -7,6 +7,11 @@ var gameInfos;
 /**************************************************
 ** GAME INITIALISATION
 **************************************************/
+
+var disconnect = true;
+var scoreAdversaire = 0;
+var pseudo ='';
+
 function init() {
 
     // Connexion à socket.io
@@ -18,7 +23,8 @@ function init() {
     // On demande le pseudo a l'utilisateur, on l'envoie au serveur et on l'affiche dans le titre
     $("#game").html("<input type=\"text\" id=\"pseudo\" /><input type=\"submit\" id=\"start\" value=\"Valider\" />");
     $("#start").on("click", function() {
-      socket.emit('nouveau', $("#pseudo").val());
+      pseudo = $("#pseudo").val();
+      socket.emit('nouveau', pseudo);
       document.title = $("#pseudo").val() + ' - ' + document.title;
       $("#game").html("Recherche d'un adversare...");
     });
@@ -32,8 +38,16 @@ var setEventHandlers = function() {
 	socket.on("autres", onAutres);
   socket.on("game", onGame);
   socket.on("questions", play);
+  socket.on("lolheded", endGame);
+  socket.on("end", onEnd);
 };
 
+function onEnd(score) {
+  disconnect = false;
+  scoreAdversaire = score;
+  endGame();
+}
+
 function onGame(game) {
   gameInfos = game;
   $("#game").html("Adversaire trouvé : "+game[0]+"<br />Début de la partie dans 5s.");
@@ -136,13 +150,14 @@ function nextQuestion() {
   $("#rep1").removeClass();
   $("#rep2").removeClass();
   $("#both").removeClass();
-  // Dernière question du thème en cours
+  pauseGame();
+  /*// Dernière question du thème en cours
   if((id_quest+1) == theme.questions.length)  {
     // Dernier thème de la catégorie en cours
     if((id_theme+1) == category.themes.length) {
       // Dernière catégorie
       if((id_cat+1) == 2) {
-        endGame();
+        pauseGame();
       } else {
         id_quest = 0;
         id_theme = 0;
@@ -157,7 +172,7 @@ function nextQuestion() {
   } else {
     id_quest++;
     quest(id_quest);
-  }
+  }*/
 }
 
 function play(questions) {
@@ -179,31 +194,31 @@ function stopTimer() {
   secRestantes = Math.round($("#timer").width()/baseWidth*timing);
 }
 
+function pauseGame() {
+  $("#game").html("<h2 id=\"score\">Vous avez marqué "+score+" miams</h2>"
+  +"<p id=\"registerScore\">En attente de l'adversaire...</p>");
+  // On indique au serveur qu'on a fini
+  var options = [gameInfos[1], score];
+  socket.emit('findugame', options);
+}
+
 function endGame() {
+  stopTimer();
   $("#game").html("<h2 id=\"score\">Vous avez marqué "+score+" miams</h2>"
-  +"<p id=\"registerScore\">Enregistrez votre score : <input type=\"text\" id=\"login\" placeholder=\"Nom ou pseudonyme\" />"
-  +"<input type=\"submit\" id=\"sendScore\" value=\"Valider\" /></p>");
-  $("#sendScore").click(function() {
-    addScore($("#login").val(), score);
-    var message = json.message;
-    $("#registerScore").fadeOut();
-    console.log(message);
-    if(message == "score_add_success") {
-      $("#registerScore").addClass("success");
-      $("#registerScore").html("Votre score a bien été enregistré<br />"+
-      "<a href=\"palmares.htm\">Voir les meilleurs scores</a>");
+  +"<p id=\"registerScore\">");
+  if(disconnect) {
+    $("#game").append(gameInfos[0]+" s'est déconnecté.");
+  } else {
+    $("#game").append("Votre adversaire a marqué "+scoreAdversaire+" miams.<br />Le gagnant est... ");
+    if(score > scoreAdversaire) {
+      $("#game").append(pseudo+" (vous).");
+    } else if(score < scoreAdversaire) {
+      $("#game").append(gameInfos[0]+".");
     } else {
-      $("#registerScore").addClass("error");
-      if(message === "higher_score_present") {
-        $("#registerScore").html("Un score supérieur ou égal existe déjà avec ce pseudonyme<br />"+
-        "<a href=\"palmares.htm\">Voir les meilleurs scores</a>");
-      } else {
-        $("#registerScore").html("Une erreur est survenue ("+status.message+")<br />"+
-        "<a href=\"palmares.htm\">Voir les meilleurs scores</a>");
-      }
+      $("#game").append("personne (égalité).");
     }
-    $("#registerScore").fadeIn();
-  });
+  }
+  $("#game").append("</p>");
 }
 
 function addScore(userLogin, userScore) {

web/multi/server/server.js

@@ -15,18 +15,6 @@ var setEventHandlers = function() {
     server.sockets.on("connection", onSocketConnection);
 };
 
-
-function apiReq() {
-  http.get("http://localhost/burger-quizz/web/api/", function(res) {
-    var data = "";
-    res.on("data", function(returned) {
-      data += returned;
-    })
-    res.on("end", function() {
-      json = JSON.parse(data.toString());
-    })
-  });
-}
 // Fonction prenant en paramètre le client (voir ci-dessus)
 // Réception ou envoi d'évènement à partir de cet objet : client
 function onSocketConnection(client) {
@@ -40,12 +28,12 @@ function onSocketConnection(client) {
         //client.emit('message', 'bien reçu !!');
 
         if(lobby.length > 0) {
-          games.push({joueur1: lobby[0], joueur2: {login: pseudo, socket: client}, idGame: games.length, json: ''});
+          games.push({joueur1: lobby[0], joueur2: {login: pseudo, socket: client, over: false, score: 0}, idGame: games.length, json: ''});
           games[games.length-1].joueur1.socket.emit("game", [games[games.length-1].joueur2.login, games[games.length-1].idGame]);
           games[games.length-1].joueur2.socket.emit("game", [games[games.length-1].joueur1.login, games[games.length-1].idGame]);
           lobby = [];
         } else {
-          lobby.push({login: pseudo, socket: client});
+          lobby.push({login: pseudo, socket: client, over: false, score: 0});
         }
         // Envoi d'un message aux autres clients connectés
         //client.broadcast.emit('autres', pseudo);
@@ -54,15 +42,53 @@ function onSocketConnection(client) {
       console.log(err);
     });
     client.on('start', function(gameID) {
-      if(!games[gameID].json) {
-        console.log("slt");
-        apiReq();
-        games[gameID].json = json;
+      http.get("http://localhost/burger-quizz/web/api/", function(res) {
+        var data = "";
+        res.on("data", function(returned) {
+          data += returned;
+        })
+        res.on("error", function(err) {
+          console.log(err);
+        });
+        res.on("end", function() {
+          if(!games[gameID].json) {
+            games[gameID].json = JSON.parse(data.toString());
+          }
+          client.emit('questions', games[gameID].json);
+        })
+      });
+    });
+
+    client.on('findugame', function(options) {
+      if(games[options[0]].joueur1.socket.id === client.id) {
+        games[options[0]].joueur1.over = true;
+        games[options[0]].joueur1.score = options[1];
+        console.log("Joueur 1 ("+games[options[0]].joueur1.login+") a fini.");
+      } else if(games[options[0]].joueur2.socket.id === client.id) {
+        games[options[0]].joueur2.over = true;
+        games[options[0]].joueur2.score = options[1];
+        console.log("Joueur 2 ("+games[options[0]].joueur2.login+") a fini.");
+      }
+      if(games[options[0]].joueur1.over && games[options[0]].joueur2.over) {
+        console.log("Partie terminée.");
+        games[options[0]].joueur1.socket.emit('end', games[options[0]].joueur2.score);
+        games[options[0]].joueur2.socket.emit('end', games[options[0]].joueur1.score);
+        games.splice(options[0], 1);
+        console.log(games);
       }
-      console.log(json);
-      client.emit('questions', games[gameID].json);
     });
 
+    client.on('disconnect', function() {
+      console.log("Joueur déconnecté.");
+      console.log(client.id);
+      games.forEach(function(row) {
+        if(row.joueur1.socket.id === client.id) {
+          row.joueur2.socket.emit('lolheded');
+        } else if(row.joueur2.socket.id === client.id) {
+          row.joueur1.socket.emit('lolheded');
+        }
+      });
+    })
 };
 
 // Initialisation