sinfonie/photo26
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Show message during upload

Browse source
This commit is contained in:
Alexandre Iooss 2021-10-23 17:48:30 +02:00
parent 18d64c4fe9
commit 3d36aded1f
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
photologue_custom/templates/photologue/upload.html
View file

@ -60,6 +60,12 @@ gallerySelectUpdate = () => {
} }
gallerySelect.addEventListener('change', gallerySelectUpdate); gallerySelect.addEventListener('change', gallerySelectUpdate);
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> </script>
{% endblock %} {% endblock %}
@ -67,7 +73,7 @@ gallerySelectUpdate();
<h1>{% trans "Upload" %}</h1> <h1>{% trans "Upload" %}</h1>
<div class="card"> <div class="card">
<div class="card-body"> <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"> <div class="upload-drop-zone" id="drop-zone">
{% trans "Drag and drop photos here" %} {% trans "Drag and drop photos here" %}
</div> </div>