Add spinner in Search button

This commit is contained in:
Reena Aheer 2023-02-17 09:32:25 +01:00
parent a54ca83035
commit 2463680ab8
2 changed files with 14 additions and 13 deletions

View File

@ -0,0 +1,10 @@
$(document).ready(function () {
$('.spinner').on('click', function() {
var e=this;
setTimeout(function() {
e.innerHTML='<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Loading...';
e.disabled=true;
},0);
return true;
});
});

View File

@ -57,19 +57,7 @@
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">{% trans "Search" %}</button>
<script>
$(document).ready(function () {
$('.btn').on('click', function() {
var e=this;
setTimeout(function() {
e.innerHTML='<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Loading...';
e.disabled=true;
},0);
return true;
});
});
</script>
<button type="submit" class="btn btn-primary spinner">{% trans "Search" %}</button>
</form>
</div>
<div class="tab-content">
@ -157,6 +145,9 @@
{% endblock %}
{% block extrajs %}
<script type="text/javascript" src="{% static 'metrics/js/include_system_calls.js' %}"></script>
{% endblock extrajs %}
{% block extracss %}
<link href="{% static 'metrics/css/metrics.css' %}" rel="stylesheet">
{% endblock extracss %}