fix more layout and finale functions

web/duell.html

@@ -73,7 +73,7 @@
 						<td><b>Schweinchen</b></td>
 						<td><b>Clear Fails</b></td>
 						<td><b>Punkte</b></td>
-						<td><b>Finalmodus</b> <input id="modeFinal" type="checkbox"></td>
+						<td><b>Finalmodus</b> <input id="modeFinal" type="checkbox"> <button style="float:right;" id="finalmodusInfoBtn">Info</button></td>
 					</tr>
 					<tr>
 						<td><img id="toggleSoundImg" style="cursor:pointer;" width="35px;" src="./img/soundOn.png"></td>
@@ -123,7 +123,7 @@
 									<option value="3"> 4</option>
 									<option value="4"> 5</option>
 								</select><br>
-								Alternative Antwort (0 Punkte):<br> <input class="finalElement" id="alternateAnswer" maxlength="20" disabled="true" type="text" name=""><button class="finalElement" id="alternateAnswerBtn" disabled="true">Setzten</button><button class="finalElement" id="alternateAnswerPBtn" disabled="true">P</button>
+								Alternative Antwort (0 Punkte):<br> <input class="finalElement" id="alternateAnswer" maxlength="20" disabled="true" type="text" name=""><button class="finalElement" id="alternateAnswerBtn" disabled="true">Setzten</button><button class="finalElement" id="alternateAnswerPBtn" disabled="true">0</button>
 							</div>
 						</td>
 					</tr>

web/js/main.js

@@ -142,6 +142,10 @@ $(document).ready(function() {
 		var is = $("#finalFragenSelect").val();
 		wsSend("setAnz", is+"###0");
 	});
+
+	$("#finalmodusInfoBtn").click(function(){
+		alert("Im Finalmodus geklickte Antworten und Punkte werden nur auf dem Display angezeigt!")
+	});
 });
 
 function setFinalMode(status){
@@ -307,23 +311,23 @@ function loadQuestionToGui(index) {
                         '<div style="width: 52px; float: left;" class="points"></div>' +
                         '</div>');
                 } else {
-                    var oneLine = $('<div style="height:55px">' +
+                    var oneLine = $('<div style="margin-left: 20px;  height:55px">' +
-                        '<div style="width: 430px; float: left;" class="answer"></div>' +
+                        '<div style="margin-left: 15px; width: 400px; float: left;" class="answer"></div>' +
                         '<div style="width: 52px; float: left;" class="points"></div>' +
-                        '<div style="width: 52px; float: left;" class="points_player2"></div>' +
+                        '<div style="width: 65px; float: left;" class="points_player2"></div>' +
-                        '<div style="width: 430px; float: left;" class="answer_player2"></div>' +
+                        '<div style="width: 400px; float: left;" class="answer_player2"></div>' +
                         '</div>');
                 }
 	    		if(display && !player2) {
                     if (isFinalMode) {
-                        oneLine.find(".answer").text("_ _ _ _ _ _ _ _ _ _");
+                        oneLine.find(".answer").text("_ _ _ _ _ _ _ _ _ _ _");
                     } else {
                         oneLine.find(".answer").text("_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _");
 					}
 	    			oneLine.find(".points").text("--");
 	    			if (isFinalMode){
 	    				oneLine.find(".points_player2").text("--");
-	    				oneLine.find(".answer_player2").text("_ _ _ _ _ _ _ _ _ _");
+	    				oneLine.find(".answer_player2").text("_ _ _ _ _ _ _ _ _ _ _");
 	    			}
 	    		} else if (!display) {
 	    			oneLine.find(".answer").html('<span class="markOnHover">'+getAnswerString(fragen[index]["antworten"][i]["antwort"])+'</span>');
@@ -331,14 +335,17 @@ function loadQuestionToGui(index) {
 	    			(function() {
 	    				var is = i;
 	    				var is2 = i;
+	    				var frage = fragen[index];
+	    				oneLine.find(".answer").click(function() {
 	    					if (isFinalMode){
 		    					is = $("#finalFragenSelect").val();
 		    				}
-	    				var frage = fragen[index];
-	    				oneLine.find(".answer").click(function() {
 	    					wsSend("setAnswer", is+"###"+frage["antworten"][is2]["antwort"]);
 	    				});
 	    				oneLine.find(".points").click(function() {
+	    					if (isFinalMode){
+		    					is = $("#finalFragenSelect").val();
+		    				}
 	    					wsSend("setAnz", is+"###"+frage["antworten"][is2]["anz"]);
 	    				});
 	    			})();
@@ -350,6 +357,9 @@ function loadQuestionToGui(index) {
 	if (!isFinalMode) {
         $("#SumRes").text("0");
     }
+    if(!display)
+    	$("#resultFinal").hide();
+
 	if (isFinalMode){
         if (!player2) {
             $('#SumRes_player1').html("0");
@@ -362,6 +372,7 @@ function loadQuestionToGui(index) {
 }
 
 function setAnswer(index, answer) {
+	if(!(isFinalMode && !display)) { //not do it at final mode and controller
 	    var answer_select = ".answer";
 	    if (player2){
 	    	answer_select = '.answer_player2';
@@ -375,15 +386,17 @@ function setAnswer(index, answer) {
 		}
 		el.typed({
 	        strings: [answer],
-        typeSpeed: 50,
+	        typeSpeed: 10,
 	        showCursor: false,
 	        cursorChar: "",
 	        fadeOut: true,
 	        fadeOutDelay: 0,
 	    });  		
 	}
+}
 
 function setAnz(index, nr) {
+	if(!(isFinalMode && !display)) { //not do it at final mode and controller
 	    var points_select = ".points";
 	    if (player2){
 	    	points_select = '.points_player2';
@@ -396,18 +409,31 @@ function setAnz(index, nr) {
 		}
 		recalcSum(nr);
 	}
+}
 
 function recalcSum(s) {
 	var sum_selector = '#SumRes';
 	if (isFinalMode) {
-        if (player2) {
+		var p1p = 0;
-            sum_selector = '#SumRes_player2';
+		var p2p = 0;
+		$.each($(".points"), function() {
+			var v = $(this).text();
+			if(v != "--") {
+				p1p = p1p + parseFloat(v);
+			}
+		});
+		$.each($(".points_player2"), function() {
+			var v = $(this).text();
+			if(v != "--") {
+				p2p = p2p + parseFloat(v);
+			}
+		});
+		$("#SumRes_player1").text(p1p);
+		$("#SumRes_player2").text(p2p);
     } else {
-            sum_selector = '#SumRes_player1';
-        }
-    }
     	$(sum_selector).text(parseFloat($(sum_selector).text())+parseFloat(s));
     }
+}
 
 function getAnswerString(str) {
 	var anz = str.length;

web/js/websocket.js

@@ -127,6 +127,7 @@ var connectWs = function() {
 				}
 			}
 		} else if(key == "loadQuestion") {
+			if(!(display && isFinalMode))
 				loadQuestionToGui(value);
 		} else if(key == "setAnswer") {
 			setAnswer(value, messageParts_a[2]);