Add and remove RSVP from list (#96)

Shy · Jun 26, 2023 · 34bfccd · 34bfccd
1 parent fd59ebf
commit 34bfccd
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/app/templates/attendee_rsvp.html b/app/templates/attendee_rsvp.html
@@ -132,6 +132,16 @@
         submitRSVP("not_attending");
     });
 
+    function removeSelfFromList() {
+        const li = [...$attendeesList.children].find((el) => {
+            return el.innerText === "{{attendee.attendee.split()[0]}}";
+        });
+
+        if (li) {
+            $attendeesList.removeChild(li);
+        }
+    }
+
     function submitRSVP(status) {
         const junction_pub = document.getElementById("junction_pub").value;
         const attendeeStatus = document.getElementById("attendee_status");
@@ -150,12 +160,18 @@
 
                 switch (status) {
                     case "attending":
+                        removeSelfFromList();
+                        const li = document.createElement("li");
+                        li.innerText = "{{attendee.attendee.split()[0]}}";
+                        $attendeesList.appendChild(li);
                         consoleText([attendeeStatus.innerText, "attending"]);
                         break;
                     case "maybe":
+                        removeSelfFromList();
                         consoleText([attendeeStatus.innerText, "a maybe for"]);
                         break;
                     case "not_attending":
+                        removeSelfFromList();
                         consoleText([
                             attendeeStatus.innerText,
                             "unable to make it for",
@@ -208,11 +224,11 @@
 
     /* Populate list of attendees. */
     const ATTENDEE_DATA = "ATTENDEES_UNKNOWN".split(",");
-    const listEl = document.getElementById("attendees-list");
+    const $attendeesList = document.getElementById("attendees-list");
     ATTENDEE_DATA.forEach((attendee) => {
         const li = document.createElement("li");
         li.innerText = attendee;
-        listEl.appendChild(li);
+        $attendeesList.appendChild(li);
     });
 
     function consoleText(words, id, colors) {