feat: Add subscribe to group functionality

1 files changed, 35 insertions, 0 deletions

diff --git a/views/eventgroup.handlebars b/views/eventgroup.handlebars
index 25b29d0..9afee2c 100755
--- a/views/eventgroup.handlebars
+++ b/views/eventgroup.handlebars
@@ -76,6 +76,11 @@
     </div>
     <div class="col-lg-3" id="eventActions">
       <aside class="btn-group-vertical d-flex" role="group" aria-label="Event actions">
+        <button type="button" class="btn btn-outline-secondary btn-sm"
+          data-event-id="{{eventGroupData.id}}" data-toggle="modal"
+          data-target="#subscribeModal">
+          <i class="fas fa-envelope"></i> Subscribe to updates
+        </button>
         <button type="button" id="exportICS" class="btn btn-outline-secondary
           btn-sm" data-event-id="{{eventGroupData.id}}">
           <i class="fas fa-download"></i> Export as ICS
@@ -157,6 +162,36 @@
 
 {{/if}}
 
+<div class="modal fade" id="subscribeModal" tabindex="-1" role="dialog"
+  aria-labelledby="subscribeModalLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="subscribeModalLabel">Subscribe to '{{eventGroupData.name}}'</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <form id="subscribeForm" action="/subscribe/{{eventGroupData.id}}" method="post">
+      <div class="modal-body">
+        <div class="form-group">
+          <p class="form-text small">Enter your email address to receive updates
+            whenever a new event is created in this group.</p>
+        </div>
+        <div class="form-group">
+          <input type="email" class="form-control" id="emailAddress"
+          name="emailAddress" placeholder="email@example.com" data-validation="required">
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+        <button type="submit" class="btn btn-success">Subscribe</button>
+      </div>
+      </form>
+    </div>
+  </div>
+</div>
+
 <div class="modal fade" id="editTokenModal" tabindex="-1" role="dialog" aria-labelledby="editTokenModalLabel" aria-hidden="true">
   <div class="modal-dialog" role="document">
     <div class="modal-content">