From 116a1ac2025c891371f6f5f33b6e39aca23a098b Mon Sep 17 00:00:00 2001
From: Raphael Kabo <raphaelkabo@hey.com>
Date: Mon, 9 Oct 2023 23:53:11 +0100
Subject: Make modal HTML valid, improve button labels

---
 views/partials/editeventmodal.handlebars | 46 +++++++++++++++++---------------
 1 file changed, 25 insertions(+), 21 deletions(-)

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

diff --git a/views/partials/editeventmodal.handlebars b/views/partials/editeventmodal.handlebars
index a9fe626..528dc1e 100644
--- a/views/partials/editeventmodal.handlebars
+++ b/views/partials/editeventmodal.handlebars
@@ -1,4 +1,9 @@
-<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
+<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true"
+  x-data="editEventForm()"
+  x-init="init()"
+  @event-group-id-changed="data.eventGroupID = $event.detail"
+  @event-group-edit-token-changed="data.eventGroupEditToken = $event.detail"
+>
   <div class="modal-dialog modal-xl modal-dialog-scrollable" role="document">
     <div class="modal-content">
       <div class="modal-header">
@@ -8,33 +13,32 @@
         </button>
       </div>
       <div class="modal-body">
-        <form
-          id="editEventForm"
-          enctype="multipart/form-data"
-          x-data="editEventForm()"
-          x-init="init()"
-          @submit.prevent="submitForm"
-          @event-group-id-changed="data.eventGroupID = $event.detail"
-          @event-group-edit-token-changed="data.eventGroupEditToken = $event.detail"
-        >
+        <form id="editEventForm" enctype="multipart/form-data" @submit.prevent="submitForm">
 
-            {{> eventForm }}
+          {{> eventForm }}
 
-            <div class="form-group">
-              <div class="card border-danger mb-3">
-                <div class="card-header text-danger">Delete this event</div>
-                <div class="card-body text-danger">
-                  <button type="button" id="deleteEvent" class="btn btn-danger" data-toggle="modal"
-                    data-target="#deleteModal" data-event-id="{{eventData.id}}"><i class="fas fa-trash"></i>
-                    Delete</button>
-                </div>
+          <div class="form-group">
+            <div class="card border-danger mb-3">
+              <div class="card-header text-danger">Delete this event</div>
+              <div class="card-body text-danger">
+                <button type="button" id="deleteEvent" class="btn btn-danger" data-toggle="modal"
+                  data-target="#deleteModal" data-event-id="{{eventData.id}}"><i class="fas fa-trash"></i>
+                  Delete</button>
               </div>
             </div>
+          </div>
+        </form>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-        <button type="submit" class="btn btn-primary">Save changes</button>
-        </form>
+        <button
+          type="submit"
+          class="btn btn-primary"
+          @click="submitForm"
+          x-bind:disabled="submitting"
+          x-bind:class="submitting ? 'btn--loading' : ''"
+          x-text="submitting ? 'Saving...' : 'Save'"
+        ></button>
       </div>
     </div>
   </div>
-- 
cgit v1.2.3