fioushgisuehgisoyuhiuh

1 files changed, 21 insertions, 8 deletions

diff --git a/admin/public/ranking.js b/admin/public/ranking.js
index 4281e23..ba44db6 100644
--- a/admin/public/ranking.js
+++ b/admin/public/ranking.js
@@ -1,3 +1,5 @@
+const classes = ["teacher", "TGM13.1", "TGM13.2", "TGTM13.1", "TGI13.1", "TGI13.2"];
+
 fetch("api/questions")
     .then((questions) => questions.json())
     .then((questions) => {
@@ -11,16 +13,27 @@ fetch("api/questions")
     });
 
 function render(questions) {
-    const teacher = document.querySelector("ul#teacher");
-    const pupil = document.querySelector("ul#pupil");
+    const list = document.querySelectorAll("#list ul");
+
+    list.forEach((elem) => {
+        elem.style.display = "none";
+        elem.previousElementSibling.addEventListener("click", () => {
+            elem.style.display = elem.style.display === "none" ? "block" : "none";
+            console.log(elem.nextElementSibling);
+        });
+    });
+
     questions.forEach((question) => {
-        const list = question.type === "teacher" ? teacher : pupil;
-        let answers = "";
+        let answers = ["", "", "", "", "", ""];
         question.answers.forEach((answer) => {
-            answers += `<li>${answer.name} ${answer.middlename ? answer.middlename + " " : ""}${answer.surname}: ${
-                answer.count
-            }</li>`;
+            answers[classes.indexOf(answer.class)] += `<li>${answer.name} ${
+                answer.middlename ? answer.middlename + " " : ""
+            }${answer.surname}: ${answer.count}</li>`;
+        });
+
+        answers.forEach((elem, ind) => {
+            if ((question.type != "teacher" || ind == 0) && (question.type == "teacher" || ind != 0))
+                list[ind].insertAdjacentHTML("beforeend", `<li>${question.question}<br><ol>${answers[ind]}</ol></li>`);
         });
-        list.insertAdjacentHTML("beforeend", `<li>${question.question}<br><ol>${answers}</ol></li>`);
     });
 }