diff options
| author | Raphael Kabo <raphaelkabo@hey.com> | 2023-10-09 23:53:11 +0100 |
|---|---|---|
| committer | Raphael Kabo <raphaelkabo@hey.com> | 2023-10-09 23:53:11 +0100 |
| commit | 116a1ac2025c891371f6f5f33b6e39aca23a098b (patch) | |
| tree | b0df00b36e7b10f700fdd62e2f41946c3141cdc0 /views/partials/editeventmodal.handlebars | |
| parent | 0eb9d0b572830fa1a0f09435a6baf7ab9ebd8cfc (diff) | |
Make modal HTML valid, improve button labels
Diffstat (limited to 'views/partials/editeventmodal.handlebars')
| -rw-r--r-- | views/partials/editeventmodal.handlebars | 46 |
1 files changed, 25 insertions, 21 deletions
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> |