DGNum/kadenios
17
0
Fork 0
Code Issues 12 Pull requests Projects Wiki Activity

Affiche une animation après soumission d'un formulaire

Browse source
This commit is contained in:
Tom Hubrecht 2021-05-26 23:44:46 +02:00
parent a03520f318
commit df513938cf
14 changed files with 24 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
shared/templates/auth/create-user.html
View file

@ -16,7 +16,7 @@
<div class="field is-grouped is-centered">
<div class="control is-expanded">
<button class="button is-fullwidth is-outlined is-primary is-light">
<button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
<span class="icon">
<i class="fas fa-check"></i>
</span>

2
shared/templates/auth/election_login.html
View file

@ -18,7 +18,7 @@
<div class="field is-grouped is-centered">
<div class="control is-expanded">
<button class="button is-fullwidth is-outlined is-primary is-light">
<button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
<span class="icon">
<i class="fas fa-check"></i>
</span>

2
shared/templates/authens/pwd_login.html
View file

@ -18,7 +18,7 @@
<div class="field is-grouped is-centered">
<div class="control is-expanded">
<button class="button is-fullwidth is-outlined is-primary is-light">
<button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
<span class="icon">
<i class="fas fa-check"></i>
</span>

2
shared/templates/authens/pwd_reset.html
View file

@ -18,7 +18,7 @@
<div class="field is-grouped is-centered">
<div class="control is-expanded">
<button class="button is-fullwidth is-outlined is-primary is-light">
<button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
<span class="icon">
<i class="fas fa-check"></i>
</span>

2
shared/templates/authens/pwd_reset_confirm.html
View file

@ -18,7 +18,7 @@
<div class="field is-grouped is-centered">
<div class="control is-expanded">
<button class="button is-fullwidth is-outlined is-primary is-light">
<button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
<span class="icon">
<i class="fas fa-check"></i>
</span>

11
shared/templates/base.html
View file

@ -92,6 +92,17 @@
});
});
// Disable button after form submission
var $forms = document.querySelectorAll('form');
$forms.forEach($form => {
const $submit = $form.querySelector('button[type=submit]');
$form.addEventListener('submit', () => {
$submit.classList.add('is-loading');
});
});
});
</script>

2
shared/templates/forms/modal-form.html
View file

@ -16,7 +16,7 @@
</section>
<footer class="modal-card-foot">
<button class="button is-fullwidth is-outlined is-primary is-light">
<button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
<span class="icon">
<i class="fas fa-check"></i>
</span>