Add first implementation of loading modal

This commit is contained in:
Patrick Jentsch
2019-11-11 15:57:55 +01:00
parent 0392d25464
commit 388e7eaa60
3 changed files with 28 additions and 3 deletions

View File

@ -3,6 +3,9 @@
{% block page_content %}
<script>
socket.emit('init_corpus_analysis', {{ corpus_id }});
socket.on('init_corpus_analysis', function(msg) {
if (msg === 'Ready') {M.Modal.getInstance(document.getElementById("loading-modal")).close();}
});
</script>
@ -125,4 +128,23 @@ function sendQueryData() {
console.log('Query data has been sent!')
}
</script>
<div id="loading-modal" class="modal no-autoinit">
<div class="modal-content">
<h4>Waiting for analysis software</h4>
<div class="preloader-wrapper big active">
<div class="spinner-layer spinner-blue-only">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="gap-patch">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}