wrap button & widget in feedback-container; add js block with onsubmit handler

This commit is contained in:
Michael Blackmon
2020-04-20 11:00:40 -04:00
parent 42e7d1a3fb
commit 10bb5ef3c0

View File

@@ -56,13 +56,18 @@
tabindex="2"
/>
<input
type="submit"
id="login_submit"
class='btn btn-jupyter'
value='Sign In'
tabindex="3"
/>
<div class="feedback-container">
<input
id="login_submit"
type="submit"
class='btn btn-jupyter'
value='Sign In'
tabindex="3"
/>
<div class="feedback-widget hidden">
<i class="fa fa-spinner"></i>
</div>
</div>
</div>
</form>
{% endif %}
@@ -79,6 +84,11 @@ if (window.location.protocol === "http:") {
var warning = document.getElementById('insecure-login-warning');
warning.className = warning.className.replace(/\bhidden\b/, '');
}
// setup onSubmit feedback
$('form').submit(() => {
$('.feedback-container>input').attr('disabled', true);
$('.feedback-container>*').toggleClass('hidden');
$('.feedback-widget>*').toggleClass('fa-pulse');
});
</script>
{% endblock %}