Add alternative Draft

app/assets/javascripts/index.js

@@ -263,7 +263,26 @@ function renderPlayersAndStats(lobby) {
     $("#inputMsg").hide();
   }
 
-  switch (lobby.status){
+  var lobbyTypeText = "";
+  var last3Selected = "";
+  var last4Selected = "";
+  var looserPickSelected = "";
+  switch (lobby.selectedType) {
+    case "Last3()":
+      last3Selected = "selected";
+      lobbyTypeText = "Play on last 3 maps";
+      break;
+    case "Last4()":
+      last4Selected = "selected";
+      lobbyTypeText = "Play on last 4 maps";
+      break;
+    case "LooserPick()":
+      looserPickSelected = "selected";
+      lobbyTypeText = "Decide first, then looserpick";
+      break;
+  }
+
+  switch (lobby.status) {
     case "NotStarted()":
       resHtml = "<div style='float: left; padding-top: 10px;'> <div>" + lobby.user1Info.name + ": " +  player1ReadyBtn +"</div><br/>"
       if(lobby.user2Info.name !== ""){
@@ -273,19 +292,36 @@ function renderPlayersAndStats(lobby) {
         }
         resHtml += "<div>" + lobby.user2Info.name + ": " +  player2ReadyBtn +  kickBtn + "</div>"
       }else{
-        resHtml += "<div>waiting 2-nd player...</div></div>"
+        resHtml += "<div>waiting 2-nd player...</div>"
       }
+
+      var disabledText = "";
+
+
+      if(lobby.user1Info.name !== userName){
+        disabledText = "disabled";
+      }
+      resHtml += "<br/><select class=\"form-control\" id = 'deciderOption' onChange='changeLobbyType()' "+disabledText+" >" +
+          "<option "+last3Selected+"  value = 'last3'>Play on last 3 maps</option>" +
+          "<option "+last4Selected+"  value = 'last4'>Play on last 4 maps</option>" +
+          "<option "+looserPickSelected+"  value = 'looserpick'>Decide first, then looserpick</option>" +
+          "</select>"
+      resHtml += "</div>";
       break;
     case "Draft()":
       console.log(lobby.turn);
       var playerTurn = (lobby.playerTurn === 1) ? lobby.user1Info.name : lobby.user2Info.name
-      resHtml = "<center>"+lobby.user1Info.name + " vs " + lobby.user2Info.name +"<br/><b>" + playerTurn +"</b> turn</center>";
+      resHtml = "<center>"+lobby.user1Info.name + " vs " + lobby.user2Info.name + " - " +lobbyTypeText+ "<br/><b>" + playerTurn +"</b> turn</center>";
       break;
     case "Finish()":
-      var lastMap = _.find(lobby.maps, function (map){
+      var lastMaps = _.filter(lobby.maps, function (map){
         return map.isBanned === false;
-      }).map;
-      resHtml = "<center><b>"+convertMapName(lastMap)+"</b></center>";
+      });
+      resHtml = "<center><b>";
+      _.forEach(lastMaps,function (map){
+        resHtml += convertMapName(map.map) + "; "
+      })
+      resHtml += "</b></center>";
   }
 
   resHtml = resHtml + "</center>"
@@ -326,6 +362,14 @@ function setNotReady(){
   }));
 }
 
+function changeLobbyType(){
+  var lobbyType = $("#deciderOption").val();
+  ws.send(JSON.stringify({
+    type: "changeLobbyType",
+    lobbyType: lobbyType
+  }));
+}
+
 function joinDecider(actorName){
   ws.send(JSON.stringify({
     type: "joinDecider",