diff options
Diffstat (limited to 'mass-graducation/src')
| -rw-r--r-- | mass-graducation/src/main.js | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/mass-graducation/src/main.js b/mass-graducation/src/main.js index 244828b..86d2165 100644 --- a/mass-graducation/src/main.js +++ b/mass-graducation/src/main.js @@ -8,6 +8,17 @@ import { initSelection } from "../../js/selection.js"; let group; +function observationClickHandler(li, student) { + const observationDiv = document.createElement("div"); + observationDiv.id = "group-member-observation-container"; + observationDiv.popover = true; + li.appendChild(observationDiv); + + const submitBtn = document.createElement("button"); + submitBtn.id = "group-member-observation-submit"; + observationDiv.appendChild(submitBtn); +} + function pointClickHandler(li, student, color) { const textareaDiv = document.createElement("div"); textareaDiv.id = "group-member-point-reason-container"; @@ -83,6 +94,26 @@ async function loadGroup(selected) { const li = document.createElement("li"); li.classList.add("group-member") + const ob = document.createElement("button"); + ob.classList.add("group-member-observation-icon") + ob.popovertarget="group-member-observation-popover" + student.getGraduation().then((graduation) => { + if (!graduation.isObserved()) { + return; + } + ob.innerHTML = "👁" + ob.addEventListener("click", () => observationClickHandler(li, student) ); + }); + li.appendChild(ob); + + const i = document.createElement("img"); + i.classList.add("group-member-icon") + student.getGraduation().then((graduation) => { + i.src = graduation.getIcon(); + }); + // TODO: fetch the students state icon + li.appendChild(i); + const n = document.createElement("span"); n.classList.add("group-member-name") n.innerHTML = `${student.name}`; @@ -96,6 +127,12 @@ async function loadGroup(selected) { li.appendChild(b); } + const p = document.createElement("button"); + p.classList.add("group-member-print") + p.innerHTML = `print`; + p.addEventListener("click", () => print() ); + li.appendChild(p); + ul.appendChild(li); } } |