DjalimSimaila/SAE-A2-TruthInquiry
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Client] Hide all other suspect buttons when a suspect is selected as the culprit

Browse Source
This commit is contained in:
AudricV 2023-01-16 23:43:28 +01:00
parent 06d3faad87
commit 8a6fcdce9e
No known key found for this signature in database
GPG Key ID: DA92EC7905614198
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
truthinquiry/static/js/game.js
View File

@ -79,6 +79,19 @@ function getNpcLocationAndPartner(npcid) {
return data; return data;
} }
function disableCulpritButtons(culprit_choices_element, selected_suspect) {
let childrenCulpritChoicesElement = culprit_choices_element.children;
for (let index = 0; index < childrenCulpritChoicesElement.length; index++) {
let child = childrenCulpritChoicesElement[index];
if (selected_suspect != child) {
child.getElementsByClassName("culprit_btn")[0].classList.add("hidden");
} else {
child.getElementsByClassName("culprit_unchecked_icon")[0].classList.add("hidden");
child.getElementsByClassName("culprit_checked_icon")[0].classList.remove("hidden");
child.getElementsByClassName("culprit_btn")[0].classList.add("culprit_btn_checked");
}
}
}
function getCulprit() { function getCulprit() {
culprit = null; culprit = null;
@ -154,21 +167,25 @@ function renderAnswerSelectionPanel() {
}); });
suspect.appendChild(suspect_emotion_chooser); suspect.appendChild(suspect_emotion_chooser);
let img = document.createElement('img'); let img = document.createElement('img');
img.classList.add("suspect_picture"); img.classList.add("suspect_picture");
img.src = "/api/v1/getNpcImage?npcid=" + element; img.src = "/api/v1/getNpcImage?npcid=" + element;
suspect.appendChild(img); suspect.appendChild(img);
let button = document.getElementById("culpritButton"); let button = document.getElementById("culpritButton");
let button_clone = button.cloneNode(true); let button_clone = button.cloneNode(true);
let culprit_choices = document.getElementById("culprits_choices");
button_clone.addEventListener("click", () => { button_clone.addEventListener("click", () => {
disableCulpritButtons(culprit_choices, suspect);
sendAnswers(); sendAnswers();
//TODO Make this button green when clicked, and reset all other green button if any
}); });
button_clone.removeAttribute("id"); button_clone.removeAttribute("id");
button_clone.classList.remove("hidden"); button_clone.classList.remove("hidden");
suspect.appendChild(button_clone); suspect.appendChild(button_clone);
document.getElementById("culprits_choices").appendChild(suspect); culprit_choices.appendChild(suspect);
}); });
} }