From 3d36aded1ff843af1d8af5ac9bcbe3e171af14de Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Sat, 23 Oct 2021 17:48:30 +0200
Subject: [PATCH] Show message during upload

---
 photologue_custom/templates/photologue/upload.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/photologue_custom/templates/photologue/upload.html b/photologue_custom/templates/photologue/upload.html
index e4a5c6d..d2e0047 100644
--- a/photologue_custom/templates/photologue/upload.html
+++ b/photologue_custom/templates/photologue/upload.html
@@ -60,6 +60,12 @@ gallerySelectUpdate = () => {
 }
 gallerySelect.addEventListener('change', gallerySelectUpdate);
 gallerySelectUpdate();
+
+// On submit, show a message to make user wait
+document.getElementById('upload_form').addEventListener('submit', (e) => {
+    document.getElementById('submit-id-submit').disabled = true;
+    document.getElementById('submit-id-submit').value = "Please be patient";
+})
 </script>
 {% endblock %}
 
@@ -67,7 +73,7 @@ gallerySelectUpdate();
 <h1>{% trans "Upload" %}</h1>
 <div class="card">
     <div class="card-body">
-        <form method="post" enctype="multipart/form-data">{% csrf_token %}
+        <form method="post" enctype="multipart/form-data" id="upload_form">{% csrf_token %}
             <div class="upload-drop-zone" id="drop-zone">
                 {% trans "Drag and drop photos here" %}
             </div>