From c2964f7626193b040acbffac5dd76dcf449d55fb Mon Sep 17 00:00:00 2001
From: Raphael Kabo <mail@raphaelkabo.com>
Date: Mon, 14 Nov 2022 09:54:06 +0000
Subject: feat: specify number of attendees in party

---
 views/event.handlebars | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'views/event.handlebars')

diff --git a/views/event.handlebars b/views/event.handlebars
index 9b5f3e2..8c7e2e8 100755
--- a/views/event.handlebars
+++ b/views/event.handlebars
@@ -128,7 +128,7 @@
 
 {{#if eventData.usersCanAttend}}
 <div class="card mb-4" id="eventAttendees">
-  <h5 class="card-header">Attendees {{#if eventAttendees}}({{eventAttendees.length}}){{/if}}
+  <h5 class="card-header">Attendees {{#if eventAttendees}}({{numberOfAttendees}}){{/if}}
     <div class="btn-group" role="group" aria-label="Attendance controls">
       {{#unless noMoreSpots}}
         <button type="button" id="attendEvent" class="btn btn-success" data-event-id="{{eventData.id}}"><i class="fas fa-user-plus"></i> Add me</button>
@@ -173,6 +173,12 @@
           <input type="text" class="form-control" id="attendeeName" name="attendeeName" placeholder="Or an alias, perhaps..." data-validation="required length" data-validation-length="1-30">
         </div>
       </div>
+      <div class="form-group">
+        <label for="attendeeName">How many people in your party?</label>
+        <div class="form-group">
+          <input type="number" class="form-control" id="attendeeNumber" name="attendeeNumber" value="1" data-validation="required number" >
+        </div>
+      </div>
       <div class="form-group">
         <label for="attendeeEmail">Your email (optional)</label>
         <p class="form-text small">If you provide your email, you will receive updates to the event.</p>
@@ -576,6 +582,9 @@
       axios.post('/attendee/provision', {}, { params: { eventID }})
         .then((response) => {
           modal.find('#removalPassword').val(response.data.removalPassword);
+          modal.find('#attendeeNumber')
+            .attr('data-validation-allowing', `range[1;${response.data.freeSpots}]`)
+            .attr('data-validation-error-msg', `Please enter a number between 1 and ${response.data.freeSpots}`);
           modal.modal(); 
         })
         .catch((error) => {
-- 
cgit v1.2.3