mirror of
https://github.com/jupyterhub/jupyterhub.git
synced 2025-10-17 06:52:59 +00:00
wrap button & widget in feedback-container; add js block with onsubmit handler
This commit is contained in:
@@ -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 %}
|
||||
|
Reference in New Issue
Block a user