From 6b220e094f215c488eb5102e25506f5b3d371245 Mon Sep 17 00:00:00 2001
From: Raphael Kabo <raphaelkabo@hey.com>
Date: Sun, 8 Oct 2023 12:11:36 +0100
Subject: Refactor: event group form and API, extract JS

---
 views/partials/editeventgroupmodal.handlebars | 32 +++++----------------------
 1 file changed, 6 insertions(+), 26 deletions(-)

(limited to 'views/partials/editeventgroupmodal.handlebars')

diff --git a/views/partials/editeventgroupmodal.handlebars b/views/partials/editeventgroupmodal.handlebars
index 3b8f55a..2506e26 100644
--- a/views/partials/editeventgroupmodal.handlebars
+++ b/views/partials/editeventgroupmodal.handlebars
@@ -8,32 +8,10 @@
         </button>
       </div>
       <div class="modal-body">
-      <form id="editEventForm" action="/editeventgroup/{{eventGroupData.id}}/{{eventGroupData.editToken}}" method="post" enctype="multipart/form-data" autocomplete="off">
-        <div class="form-group">
-          <label for="eventGroupName" >Name</label>
-          <input type="text" class="form-control" id="eventGroupName" name="eventGroupName" placeholder="Make it snappy." value="{{eventGroupData.name}}" data-validation="required length" data-validation-length="3-120">
-        </div>
-        <div class="form-group">
-          <label for="eventGroupDescription" >Description</label>
-          <textarea class="form-control" id="eventGroupDescription" name="eventGroupDescription" data-validation="required">{{eventGroupData.description}}</textarea>
-          <small class="form-text"><a href="https://commonmark.org/help/">Markdown</a> formatting supported.</small>
-        </div>
-        <div class="form-group">
-          <label for="eventGroupURL" >Link</label>
-          <input type="url" class="form-control" id="eventURL" name="eventGroupURL" value="{{eventGroupData.url}}" placeholder="For tickets or a page with more information (optional)." data-validation="url" data-validation-optional="true">
-        </div>
-        <div class="form-group">
-          <label for="hostName" >Host or organisation name</label>
-          <input type="text" class="form-control" id="hostName" name="hostName" placeholder="Will be shown on the event group page (optional)." value="{{eventGroupData.hostName}}" data-validation="length" data-validation-length="3-120" data-validation-optional="true">
-        </div>
-        <div class="form-group">
-          <label>Cover image</label>
-          <div class="image-preview" id="eventGroupImagePreview">
-            <label for="eventGroupImageUpload" id="eventGroupImageLabel">Choose file</label>
-            <input type="file" name="eventGroupImageUpload" id="eventGroupImageUpload" />
-          </div>
-          <small class="form-text">Recommended dimensions (w x h): 920px by 300px.</small>
-        </div>
+      <form id="editEventForm" enctype="multipart/form-data" x-data="editEventGroupForm()" @submit.prevent="submitForm">
+
+        {{> eventGroupForm }}
+
         <div class="form-group">
           <div class="card border-danger mb-3">
             <div class="card-header text-danger">Delete this event group</div>
@@ -51,3 +29,5 @@
     </div>
   </div>
 </div>
+
+<script type="text/javascript" src="/js/modules/group-edit.js"></script>
\ No newline at end of file
-- 
cgit v1.2.3