begin adding availability reminders

src/controllers/eventlineup.js

@@ -88,6 +88,10 @@ exports.getEventLineupEmail = async (req, res)=>{
   res.status(200).render("eventlineup/partials/email_modal.hbs", {layout:null, user, team, members, event, event_lineup, event_lineup_entries: newEventLineupEntries, availabilities, availabilitySummary})
 }
 
+exports.getAvailabilityRemindersModal = (req, res) => {
+  res.status(200).render("eventlineup/partials/availability_reminder_modal.hbs")
+}
+
 exports.getEventLineupEntries = async (req, res)=>{
   const {event_lineup, event_lineup_entries} = req
   res.setHeader('Content-Type', 'application/json').send(JSON.stringify(req.event_lineup_entries))

src/public/js/eventlineup.js

@@ -253,7 +253,6 @@ function copyEmailTable(itemEl, subject, recipients) {
 
 function emailModal(el, url) {
   form = el.closest("form");
-  console.log(form)
   data = new FormData(form);
 
   fetch(url, {
@@ -644,6 +643,17 @@ function initSlots () {
     slot.removeAttribute('data-initial-slotset')
   })
 }
+
+function openAvailabilityReminderModal (el, event_id) {
+  console.log(el)
+  const form = el.closest("form");
+  console.log(`#availability-reminder-modal-${event_id}`)
+  data = new FormData(form);
+  const modal = form.querySelector(`#availability-reminder-modal-${event_id}`)
+  modal.classList.toggle('is-open')
+  
+}
+
 function initPage (){
   colorPositions();
   initSlots();

src/views/eventlineup/edit.hbs

@@ -1,5 +1,6 @@
 <div class="u-spaceSidesNone u-sm-spaceSidesAuto" id="event-lineup-{{event.id}}" data-event-lineup-id="{{event_lineup.id}}" data-event-id="{{event.id}}">
 <form onsubmit="onSubmit(this,event)" action="/{{team.id}}/event/{{event.id}}/lineup/{{event_lineup.id}}">
+  {{>availability_reminder_modal}}
   <input type="hidden" name="event_lineup_id" value="{{event_lineup.id}}">
   {{!-- <input type="hidden" name="_csrf" value="{{csrfToken}}"> --}}
   <input type="hidden" name="csrfToken" value="{{csrfToken}}">
@@ -39,20 +40,22 @@
                   {{{embeddedSvgFromPath "/bootstrap-icons/caret-left.svg"}}}
                   <span>Insert previous lineup</span>
               </a>
+              <hr class="Divider u-spaceEndsNone">
+              <a class="u-padEndsSm u-padSidesMd u-textDecorationNone" href="javascript:void(0)" onclick="openAvailabilityReminderModal(this, {{event.id}})">
+                  {{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/send.svg"}}}
+                  <span>Availability Reminders</span>
+              </a>
+              <hr class="Divider u-spaceEndsNone">
+              <a class="u-padEndsSm u-padSidesMd u-textDecorationNone" href="javascript:void(0)" onclick="console.log('not implemented yet')">
+                  {{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/refresh.svg"}}}
+                  <span>Reset All Availabilities</span>
+              </a>
+              <hr class="Divider u-spaceEndsNone">
+              <a class="u-padEndsSm u-padSidesMd u-textDecorationNone" href="javascript:void(0)" onclick="console.log('not implemented yet')">
+                  {{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/trash.svg"}}}
+                  <span>Clear Lineup</span>
+              </a>
               <div class="u-hidden">
-                <hr class="Divider u-spaceEndsNone">
-                <span class="u-padEndsSm u-padSidesMd u-textDecorationNone" href="javascript:void(0)" onclick="console.log('not implemented yet')">
-                    {{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/send.svg"}}}
-                    <span>Availability Reminders</span>
-                </span>
-                <hr class="Divider u-spaceEndsNone">
-                <span class="u-padEndsSm u-padSidesMd u-textDecorationNone" href="javascript:void(0)" onclick="console.log('not implemented yet')">
-                    <span>Reset All Availabilities</span>
-                </span>
-                <hr class="Divider u-spaceEndsNone">
-                <span class="u-padEndsSm u-padSidesMd u-textDecorationNone" href="javascript:void(0)" onclick="console.log('not implemented yet')">
-                    <span>Clear Lineup</span>
-                </span>
                 <hr class="Divider u-spaceEndsNone">
                 <span class="u-padEndsSm u-padSidesMd u-textDecorationNone" href="javascript:void(0)" onclick="console.log('not implemented yet')">
                     <span>Publish</span>

src/views/eventlineup/partials/availability_reminder_modal.hbs

@@ -0,0 +1,10 @@
+<div id="availability-reminder-modal-{{event.id}}" class="Modal Modal--clickableBg">
+	<div class="Modal-content">
+		<div onclick="javascript:this.closest('.Modal').remove();">{{{embeddedSvgFromPath "/teamsnap-ui/assets/icons/dismiss.svg" "Modal-iconDismiss"}}}</div>
+		<div class="Modal-header">
+			<div class="Modal-title">Send Reminders</div>
+    </div>
+		<div class="Modal-body">
+    </div>
+  </div>
+</div>