Change event attendance dashboard page to use value set instead of toggle

Author: jotjern

apps/events/dashboard/utils.py

@@ -17,6 +17,7 @@ def event_ajax_handler(event: Event, request):
     administrating_user = request.user
     attendee_id = request.POST.get("attendee_id")
     user_id = request.POST.get("user_id")
+    value = request.POST.get("value") == "true"
 
     if action == "attended":
         attendee = _get_attendee(attendee_id)
@@ -25,15 +26,15 @@ def event_ajax_handler(event: Event, request):
                 "message": f"Fant ingen påmeldte med oppgitt ID ({attendee_id}).",
                 "status": 400,
             }
-        return handle_attended(attendee)
+        return handle_attended(attendee, value)
     elif action == "paid":
         attendee = _get_attendee(attendee_id)
         if not attendee:
             return {
                 "message": f"Fant ingen påmeldte med oppgitt ID ({attendee_id}).",
                 "status": 400,
             }
-        return handle_paid(attendee)
+        return handle_paid(attendee, value)
     elif action == "add_attendee":
         return handle_add_attendee(event, user_id)
     elif action == "remove_attendee":
@@ -42,24 +43,24 @@ def event_ajax_handler(event: Event, request):
         raise NotImplementedError
 
 
-def handle_attended(attendee: Attendee):
+def handle_attended(attendee: Attendee, value: bool):
     """
     Toggle attending-status of an attendee between attending and not attending
     """
-    attendee.attended = not attendee.attended
+    attendee.attended = value
     attendee.save()
 
-    return {"message": "OK", "status": 200}
+    return _get_event_context(attendee.event.event)
 
 
-def handle_paid(attendee: Attendee):
+def handle_paid(attendee: Attendee, value: bool):
     """
     Toggle paid status of an attendee between paid and not paid
     """
-    attendee.paid = not attendee.paid
+    attendee.paid = value
     attendee.save()
 
-    return {"message": "OK", "status": 200}
+    return _get_event_context(attendee.event.event)
 
 
 def _get_attendee_data(attendee_qs):

assets/common/utils/dom.js

@@ -43,3 +43,20 @@ export const toggleChecked = (element) => {
     }
   }
 };
+
+export const setChecked = (element, checked) => {
+  const checkedIcon = 'fa-check-square-o';
+  const uncheckedIcon = 'fa-square-o';
+  const allITags = $(element).find('i');
+  const ilen = allITags.length;
+
+  let icon;
+  for (let m = 0; m < ilen; m += 1) {
+    icon = allITags[m];
+    if (checked) {
+      $(icon).addClass('checked').removeClass(uncheckedIcon).addClass(checkedIcon);
+    } else {
+      $(icon).removeClass('checked').removeClass(checkedIcon).addClass(uncheckedIcon);
+    }
+  }
+}