518 lines
14 KiB
JavaScript
518 lines
14 KiB
JavaScript
var fragen = null;
|
|
var intro = null;
|
|
var introVolume = 1;
|
|
var answerFail = null;
|
|
var schweinchenVolume = 1;
|
|
var answerFailVolume = 1;
|
|
var schweinchen = null;
|
|
|
|
$(document).ready(function() {
|
|
$( "#fragenListe" ).sortable();
|
|
|
|
$("#printQuestions").click(function() {
|
|
$("#printDiv").empty();
|
|
showQuestionsAsPrint();
|
|
$("#printScreen").show();
|
|
$("#allContent").hide();
|
|
window.print();
|
|
$("#printScreen").hide();
|
|
$("#allContent").show();
|
|
});
|
|
|
|
$("#blackScreenCheck").change(function() {
|
|
wsSend("toggleBlackScreen", "");
|
|
});
|
|
|
|
$("#modeFinal").change(function() {
|
|
var status = $('#modeFinal').is(':checked');
|
|
wsSend("toggleFinalMode", status);
|
|
});
|
|
|
|
$(".playerTgl").change(function() {
|
|
var player = $(this).val() == 1 ? false : true;
|
|
wsSend("setPlayer2ForFinalMode", player);
|
|
});
|
|
|
|
$("#startAnswerFailBtn").click(function() {
|
|
wsSend("startAnswerFail", "");
|
|
});
|
|
|
|
$("#answerFailVolume").on("input", function() {
|
|
var v = parseFloat($(this).val()) / 10;
|
|
wsSend("setAnswerFailVolume", v);
|
|
});
|
|
|
|
$("button[id^='startScheinchenbtn']").each(function(){
|
|
$(this).click(function() {
|
|
var status = $(this).attr('value');
|
|
$("#pointMultiplicator").val(status)
|
|
console.log('status' + status);
|
|
wsSend("setRunde", status);
|
|
$(this).attr("disabled", "disabled");
|
|
wsSend("startSchweinchen", "");
|
|
});
|
|
});
|
|
|
|
$("#stopScheinchenbtn").click(function() {
|
|
$("button[id^='startScheinchenbtn']").each(function(){
|
|
$(this).removeAttr("disabled");
|
|
});
|
|
wsSend("stopSchweinchen", "");
|
|
});
|
|
|
|
$("#schweinchenVolume").on("input", function() {
|
|
var v = parseFloat($(this).val()) / 10;
|
|
wsSend("setSchweinchenVolume", v);
|
|
});
|
|
|
|
$("#addNewQuestionBtn").click(function() {
|
|
addNewQuestion(null);
|
|
});
|
|
|
|
$("#openFragenEditorBtn").click(function() {
|
|
$("#editQuestionsDiv").show();
|
|
});
|
|
|
|
$("#closeFragenEditorIcon").click(function() {
|
|
$("#editQuestionsDiv").hide();
|
|
});
|
|
|
|
$("#saveNewQuestions").click(function() {
|
|
saveQuestions();
|
|
alert("Gespeichert!");
|
|
});
|
|
|
|
$("#upQicon").click(function() {
|
|
var index = $("#questionsSelcet>option:selected").index();
|
|
index--;
|
|
setFrageIndex(index);
|
|
});
|
|
|
|
$("#downQicon").click(function() {
|
|
var index = $("#questionsSelcet>option:selected").index();
|
|
index++;
|
|
setFrageIndex(index);
|
|
});
|
|
|
|
$("#questionsSelcet").on("change", function() {
|
|
changeFrage();
|
|
});
|
|
|
|
$("#startIntroBtn").click(function() {
|
|
$("#startIntroBtn").attr("disabled", "disabled");
|
|
wsSend("showIntro", "");
|
|
});
|
|
|
|
$("#stopIntroBtn").click(function() {
|
|
$("#startIntroBtn").removeAttr("disabled");
|
|
wsSend("hideIntro", "");
|
|
});
|
|
|
|
$("#introVolume").on("input", function() {
|
|
var v = parseFloat($(this).val()) / 10;
|
|
wsSend("setIntroVolume", v);
|
|
});
|
|
|
|
$("#pointsToTheLeft").click(function() {
|
|
var points = parseFloat($(".pointsLeft").text()) + parseFloat($("#SumRes").text())*$("#pointMultiplicator").val();
|
|
wsSend("setLeftPoints", points);
|
|
$("#SumRes").text("0");
|
|
});
|
|
|
|
$("#pointsToTheRight").click(function() {
|
|
var points = parseFloat($(".pointsRight").text()) + parseFloat($("#SumRes").text())*$("#pointMultiplicator").val();
|
|
wsSend("setRightPoints", points);
|
|
$("#SumRes").text("0");
|
|
});
|
|
|
|
$("#newLeftPoints").click(function() {
|
|
wsSend("setLeftPoints", $("#mPunkteLeft").val());
|
|
});
|
|
|
|
$("#newRightPoints").click(function() {
|
|
wsSend("setRightPoints", $("#mPunkteRight").val());
|
|
});
|
|
|
|
$("#alternateAnswerBtn").click(function(){
|
|
var is = $("#finalFragenSelect").val();
|
|
var answer = $("#alternateAnswer").val();
|
|
wsSend("setAnswer", is+"###"+answer);
|
|
});
|
|
|
|
$("#alternateAnswerPBtn").click(function(){
|
|
var is = $("#finalFragenSelect").val();
|
|
var p = $("#altPointsFinal").val() > 0 ? $("#altPointsFinal").val() : 0;
|
|
wsSend("setAnz", is+"###"+p);
|
|
});
|
|
|
|
$("#finalmodusInfoBtn").click(function(){
|
|
alert("Im Finalmodus geklickte Antworten und Punkte werden nur auf dem Display angezeigt!")
|
|
});
|
|
});
|
|
|
|
function setFinalMode(status){
|
|
isFinalMode = status == "true" ? true : false;
|
|
$(".finalElement").attr("disabled", !isFinalMode);
|
|
var index = $("#questionsSelcet>option:selected").index();
|
|
index = index > 0 ? index : 0;
|
|
$("#answers").empty();
|
|
loadQuestionToGui(index);
|
|
}
|
|
|
|
function setPlayer2(value){
|
|
value = value == "true" ? true : false;
|
|
player2 = value;
|
|
}
|
|
|
|
function setRunde(value){
|
|
runde = value;
|
|
}
|
|
|
|
function showQuestionsAsPrint() {
|
|
var ges = '<h2 style="margin-left:30px;">Familienduell Fragen</h2><ol>';
|
|
for(var i=0;i<fragen.length;i++) {
|
|
ges += '<li>'+fragen[i]["frage"]+'</li>';
|
|
}
|
|
ges +='</ol>';
|
|
$("#printDiv").html(ges);
|
|
}
|
|
|
|
function setLeftPoints(newPoints) {
|
|
$(".pointsLeft").text(newPoints);
|
|
$("#mPunkteLeft").val(newPoints);
|
|
if(sounds && (display || serverSound)) {
|
|
audio = new Audio('./sounds/zahlRichtig.mp3');
|
|
audio.play();
|
|
}
|
|
}
|
|
|
|
function setRightPoints(newPoints) {
|
|
$(".pointsRight").text(newPoints);
|
|
$("#mPunkteRight").val(newPoints);
|
|
if(sounds && (display || serverSound)) {
|
|
audio = new Audio('./sounds/zahlRichtig.mp3');
|
|
audio.play();
|
|
}
|
|
}
|
|
|
|
function startAnswerFail() {
|
|
if(sounds && (display || serverSound)) {
|
|
answerFail = new Audio('./sounds/failFinal.mp3');
|
|
answerFail.volume = answerFailVolume;
|
|
answerFail.play();
|
|
}
|
|
}
|
|
|
|
function startSchweinchen() {
|
|
if (runde == 2){
|
|
$("#schweinchen2Img").show();
|
|
} else if (runde == 3){
|
|
$("#schweinchenImg").show();
|
|
} else {
|
|
$("#schweinchen1Img").show();
|
|
}
|
|
|
|
$("#answers").hide();
|
|
$("#displayQuestions").hide();
|
|
|
|
if(sounds && (display || serverSound)) {
|
|
schweinchen = new Audio('./sounds/schweinchen.wav');
|
|
schweinchen.volume = schweinchenVolume;
|
|
schweinchen.play();
|
|
}
|
|
}
|
|
|
|
function stopSchweinchen() {
|
|
var index = $("#questionsSelcet>option:selected").index();
|
|
$("#questionsSelcet").val(index+1);
|
|
changeFrage();
|
|
|
|
$("#schweinchenImg").hide();
|
|
$("#schweinchen1Img").hide();
|
|
$("#schweinchen2Img").hide();
|
|
$("#answers").show();
|
|
$("#displayQuestions").show();
|
|
if(schweinchen) {
|
|
schweinchen.pause();
|
|
}
|
|
}
|
|
|
|
function hideIntro() {
|
|
$(".noIntro").show();
|
|
$(".intro").hide();
|
|
if(!$("#modeFinal").is(":checked")) {
|
|
$("#resultFinal").hide();
|
|
}
|
|
if(intro) {
|
|
intro.pause();
|
|
}
|
|
}
|
|
|
|
function showIntro() {
|
|
$(".noIntro").hide();
|
|
$(".intro").show();
|
|
if(sounds && (display || serverSound)) {
|
|
intro = new Audio('./sounds/intro.mp3');
|
|
intro.volume = introVolume;
|
|
intro.play();
|
|
}
|
|
}
|
|
|
|
function fillFragenSelect() {
|
|
$("#questionsSelcet").empty();
|
|
for(var i=0;i<fragen.length;i++) {
|
|
$("#questionsSelcet").append('<option value="'+i+'">'+fragen[i]["kuerzel"]+'</option>');
|
|
}
|
|
}
|
|
|
|
function setFrageIndex(index) {
|
|
if(index >= 0 && index < $("#questionsSelcet").find("option").length) {
|
|
$("#questionsSelcet").find("option").removeAttr("selected");
|
|
$($("#questionsSelcet").find("option")[index]).prop("selected", "true");
|
|
}
|
|
if($("#questionsSelcet>option:selected").index() == -1 && $("#questionsSelcet").find("option")[0] )
|
|
$($("#questionsSelcet").find("option")[0]).prop("selected", "true");
|
|
|
|
changeFrage();
|
|
}
|
|
|
|
function changeFrage() {
|
|
var index = $("#questionsSelcet>option:selected").index();
|
|
wsSend("loadQuestion", index);
|
|
wsSend("clearAllFailsBtn", "");
|
|
}
|
|
|
|
function loadQuestionToGui(index) {
|
|
$("#schweinchenImg").hide();
|
|
$("#schweinchen1Img").hide();
|
|
$("#schweinchen2Img").hide();
|
|
$("#answers").empty();
|
|
|
|
$('.footer').toggle(!isFinalMode);
|
|
$('.xmarker').toggle(!isFinalMode);
|
|
$("#ResSum_player1").toggle(isFinalMode);
|
|
$("#ResSum_player2").toggle(isFinalMode);
|
|
if (!isFinalMode){
|
|
$("#resultFinal").hide();
|
|
} else {
|
|
$("#resultFinal").show();
|
|
}
|
|
$("#result").toggle(!isFinalMode);
|
|
|
|
if(index > -1) {
|
|
$("#displayQuestions").html(fragen[index]["frage"]);
|
|
if (isFinalMode){
|
|
$("#displayQuestions").hide();
|
|
} else {
|
|
$("#displayQuestions").show();
|
|
}
|
|
var answerLength = isFinalMode&&display ? 5 : fragen[index]["antworten"].length;
|
|
for(var i=0;i<answerLength;i++) {
|
|
if(fragen[index]["antworten"][i]["antwort"] != "") {
|
|
if (!isFinalMode) {
|
|
var oneLine = $('<div style="height:55px">' +
|
|
'<div style="width: 52px; float: left;" class="nr">' + (i + 1) + '.</div>' +
|
|
'<div style="width: 860px; float: left;" class="answer"></div>' +
|
|
'<div style="width: 52px; float: left;" class="points"></div>' +
|
|
'</div>');
|
|
} else {
|
|
var oneLine = $('<div style="margin-left: 20px; height:55px">' +
|
|
'<div style="margin-left: 15px; width: 400px; float: left;" class="answer"></div>' +
|
|
'<div style="width: 52px; float: left;" class="points"></div>' +
|
|
'<div style="width: 65px; float: left;" class="points_player2"></div>' +
|
|
'<div style="width: 400px; float: left;" class="answer_player2"></div>' +
|
|
'</div>');
|
|
}
|
|
if(display && !player2) {
|
|
if (isFinalMode) {
|
|
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("_ _ _ _ _ _ _ _ _ _ _");
|
|
}
|
|
} else if (!display) {
|
|
oneLine.find(".answer").html('<span class="markOnHover">'+getAnswerString(fragen[index]["antworten"][i]["antwort"])+'</span>');
|
|
oneLine.find(".points").html('<span class="markOnHover">'+fragen[index]["antworten"][i]["anz"]+'</span>');
|
|
(function() {
|
|
var is = i;
|
|
var is2 = i;
|
|
var frage = fragen[index];
|
|
oneLine.find(".answer").click(function() {
|
|
if (isFinalMode){
|
|
is = $("#finalFragenSelect").val();
|
|
}
|
|
if($(this).find(".markOnHover").length>0) { //Dont send twice
|
|
wsSend("setAnswer", is+"###"+frage["antworten"][is2]["antwort"]);
|
|
}
|
|
});
|
|
oneLine.find(".points").click(function() {
|
|
if (isFinalMode){
|
|
is = $("#finalFragenSelect").val();
|
|
}
|
|
if($(this).find(".markOnHover").length>0) { //Dont send twice
|
|
wsSend("setAnz", is+"###"+frage["antworten"][is2]["anz"]);
|
|
}
|
|
});
|
|
})();
|
|
}
|
|
$("#answers").append(oneLine);
|
|
}
|
|
}
|
|
}
|
|
if (!isFinalMode) {
|
|
$("#SumRes").text("0");
|
|
}
|
|
if(!display)
|
|
$("#resultFinal").hide();
|
|
|
|
if (isFinalMode){
|
|
if (!player2) {
|
|
$('#SumRes_player1').html("0");
|
|
$('#SumRes_player2').html("0");
|
|
}
|
|
}
|
|
if (!player2) {
|
|
recalcSum(0);
|
|
}
|
|
}
|
|
|
|
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';
|
|
}
|
|
answer = getAnswerString(answer);
|
|
var el = $($("#answers").find(answer_select)[index]);
|
|
el.empty();
|
|
if(sounds && (display || serverSound)) {
|
|
audio = new Audio('./sounds/textRichtig.mp3');
|
|
audio.play();
|
|
}
|
|
el.typed({
|
|
strings: [answer],
|
|
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';
|
|
}
|
|
var el = $($("#answers").find(points_select)[index]);
|
|
el.text(nr);
|
|
if(sounds && (display || serverSound)) {
|
|
audio = new Audio('./sounds/zahlRichtig.mp3');
|
|
audio.play();
|
|
}
|
|
recalcSum(nr);
|
|
}
|
|
}
|
|
|
|
function recalcSum(s) {
|
|
var sum_selector = '#SumRes';
|
|
if (isFinalMode) {
|
|
var p1p = 0;
|
|
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).text(parseFloat($(sum_selector).text())+parseFloat(s));
|
|
}
|
|
}
|
|
|
|
function getAnswerString(str) {
|
|
var anz = str.length;
|
|
if(anz%2==0) {
|
|
str+="_";
|
|
}
|
|
anz = str.length;
|
|
var maxLength = 40;
|
|
if (isFinalMode){
|
|
maxLength = 20;
|
|
}
|
|
while(str.length < maxLength) {
|
|
str+= " _";
|
|
}
|
|
return str;
|
|
}
|
|
|
|
function fillFragenEditor() {
|
|
$("#fragenListe").empty();
|
|
for(var i=0;i<fragen.length;i++) {
|
|
addNewQuestion(fragen[i]);
|
|
}
|
|
}
|
|
|
|
function loadQuestions() {
|
|
wsSend("fileOp","read###fragen.txt");
|
|
}
|
|
|
|
function saveQuestions() {
|
|
var objToSave = [];
|
|
$.each($("#fragenListe").find("li"), function() {
|
|
var oneQ = {
|
|
"frage" : $(this).find(".questionIn").val(),
|
|
"kuerzel" : $(this).find(".questionKIn").val(),
|
|
"antworten" : []
|
|
};
|
|
$.each($(this).find(".antTr"),function() {
|
|
oneQ["antworten"].push({
|
|
"antwort" : $(this).find(".antwortInp").val(),
|
|
"anz" : $(this).find(".anz").val()
|
|
});
|
|
});
|
|
objToSave.push(oneQ);
|
|
});
|
|
var jsonQues = JSON.stringify(objToSave);
|
|
jsonQues = btoa(encodeURIComponent(jsonQues));
|
|
wsSend("fileOp","write###fragen.txt###"+jsonQues);
|
|
}
|
|
|
|
function addNewQuestion(frage) {
|
|
var newQHtml = $('<li style="list-style-type: none; padding: 5px; border: 1px solid black; margin-right: 80px; position: relative;"><i style="cursor:pointer; position: absolute; right: 5px;" class="fa fa-trash-o trash"></i><table>'+
|
|
'<tr>'+
|
|
'<td>Frage:</td><td><input class="questionIn" type="text"></td>'+
|
|
'</tr><tr>'+
|
|
'<td>Kürzel:</td><td><input class="questionKIn" type="text"></td>'+
|
|
'</tr>'+
|
|
'</table></li>');
|
|
for(var i=1;i<7;i++) {
|
|
newQHtml.find("table").append('<tr class="antTr"><td>Antwort '+i+':</td><td><input class="antwortInp" type="text"><input class="anz" type="number" min="1" max="100"></td></tr>');
|
|
}
|
|
if(frage != null) {
|
|
newQHtml.find(".questionIn").val(frage["frage"]);
|
|
newQHtml.find(".questionKIn").val(frage["kuerzel"]);
|
|
for(var i=0;i<frage["antworten"].length;i++) {
|
|
$(newQHtml.find(".antwortInp")[i]).val(frage["antworten"][i]["antwort"]);
|
|
$(newQHtml.find(".anz")[i]).val(frage["antworten"][i]["anz"]);
|
|
}
|
|
}
|
|
newQHtml.find(".trash").click(function() {
|
|
$(this).parent("li").remove();
|
|
});
|
|
$("#fragenListe").append(newQHtml);
|
|
} |