From db04d5237b5d4dc0400dd8614732910008787837 Mon Sep 17 00:00:00 2001
From: Adrian McEwen <adrianm@mcqn.com>
Date: Mon, 1 Mar 2021 20:11:26 +0000
Subject: [PATCH] Show which slots are booked and only allow available ones to
 be chosen.  Last part of #9

---
 website/static/css/main.css          |  8 ++++++++
 website/templates/select-a-time.html | 13 ++++++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/website/static/css/main.css b/website/static/css/main.css
index afbdd03..ba0a240 100644
--- a/website/static/css/main.css
+++ b/website/static/css/main.css
@@ -1437,7 +1437,15 @@ A VERTICAL event
   border-color: #87d836;
 }
 
+.booked {
+  background-color: #c73232;
+}
+
 .fc-event-past {
   background-color: #9dc7f2;
 }
 
+.fc-event-past.booked {
+  background-color: #ff887a;
+}
+
diff --git a/website/templates/select-a-time.html b/website/templates/select-a-time.html
index 32a4362..6570f80 100644
--- a/website/templates/select-a-time.html
+++ b/website/templates/select-a-time.html
@@ -16,8 +16,10 @@
             console.log('Event: ' + info.event.title);
             console.log('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);
             console.log('View: ' + info.view.type);
+            console.log(info);
 
-            if (info.el.classList.contains('fc-event-past') == false) {
+            if ((info.el.classList.contains('fc-event-past') == false) &&
+                (info.el.classList.contains('booked') == false)) {
               // It's a slot we can select
               // FIXME We'll need to allow multiple slots for room bookings...
               // FIXME What happens if we choose a slot, then move forwards a week and come back?
@@ -29,7 +31,11 @@
               chosenSlot = info;
               chosenSlot.el.classList.add('chosen-booking');
             } else {
-              console.log("Tried to select a slot in the past!");
+              if (info.el.classList.contains('fc-event-past') == false) {
+                console.log("Tried to select a slot in the past!");
+              } else {
+                console.log("Tried to select a slot that's booked!");
+              }
             }
           },
           events:  function(info, successCallback, failureCallback) {
@@ -43,7 +49,8 @@
                                       title: r.resourceName+" - "+s.status,
                                       start: s.starts,
                                       end: s.ends,
-                                      allDay: false
+                                      allDay: false,
+                                      classNames: [s.status]
                                   });
                               });
                           });