From 78fdb6a2241443d8933c27a95815882ed5bbcc22 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 15 Jan 2024 21:02:11 +0000
Subject: [PATCH] donate: Show spinner after submitting the form

This will tell people that something is happening as processing the
donation can take a short moment...

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/donate/donate.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/templates/donate/donate.html b/src/templates/donate/donate.html
index 2bb2c6f1..414eaee5 100644
--- a/src/templates/donate/donate.html
+++ b/src/templates/donate/donate.html
@@ -254,8 +254,9 @@
 
 						<div class="block">
 							<div class="control">
-								<input type="submit" class="button is-primary is-outlined is-fullwidth is-medium"
-								id="donate" value="{{ _("Donate Now") }}">
+								<button type="submit" class="button is-primary is-fullwidth is-medium" id="donate">
+									{{ _("Donate Now") }}
+								</button>
 							</div>
 						</div>
 
@@ -636,6 +637,10 @@
 
 			// Disable all submit buttons after the form has been submitted
 			form.one("submit", function() {
+				// Show that something is happening...
+				submit.addClass("is-loading");
+
+				// Prevent the user from submitting the form again
 				submit.prop("disabled", true);
 			});
 
-- 
2.47.3