stop spinner on fail + prettier
This commit is contained in:
parent
cb297074d2
commit
6c38cf774c
@ -1,8 +1,8 @@
|
||||
import { Controller } from "@hotwired/stimulus";
|
||||
import {loadStripe} from "@stripe/stripe-js";
|
||||
import { loadStripe } from "@stripe/stripe-js";
|
||||
|
||||
export default class extends Controller {
|
||||
static targets = ['key', 'submit', 'firstname', 'lastname', 'email', 'phone'];
|
||||
static targets = ["key", "submit", "firstname", "lastname", "email", "phone"];
|
||||
|
||||
stripe;
|
||||
|
||||
@ -36,8 +36,8 @@ export default class extends Controller {
|
||||
submit(event) {
|
||||
event.preventDefault();
|
||||
|
||||
this.submitTarget.querySelector('span').remove();
|
||||
this.submitTarget.querySelector('svg').classList.remove('hidden');
|
||||
this.submitTarget.querySelector("span").classList.add("hidden");
|
||||
this.submitTarget.querySelector("svg").classList.remove("hidden");
|
||||
|
||||
const forms = document.querySelectorAll("form");
|
||||
const personalData = this.getPersonalData();
|
||||
@ -46,7 +46,7 @@ export default class extends Controller {
|
||||
const formData = {
|
||||
personal: personalData,
|
||||
tickets: ticketData,
|
||||
}
|
||||
};
|
||||
|
||||
fetch("/ticket/submit", {
|
||||
method: "POST",
|
||||
@ -56,6 +56,8 @@ export default class extends Controller {
|
||||
},
|
||||
}).then((response) => {
|
||||
if (!response.ok) {
|
||||
this.submitTarget.querySelector("svg").classList.add("hidden");
|
||||
this.submitTarget.querySelector("span").classList.remove("hidden");
|
||||
alert("An error occurred");
|
||||
} else {
|
||||
response.json().then((data) => {
|
||||
@ -90,6 +92,6 @@ export default class extends Controller {
|
||||
ticket: parseInt(form.querySelector('select[name="ticket"]').value),
|
||||
food: parseInt(form.querySelector('select[name="food"]').value),
|
||||
note: form.querySelector('input[name="note"]').value,
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user