init materialize elements the right way.

This commit is contained in:
Patrick Jentsch
2019-11-12 16:16:41 +01:00
parent 5660318450
commit 28171eb525
3 changed files with 24 additions and 17 deletions

View File

@ -1,15 +1,6 @@
{% extends "full_width.html.j2" %}
{% 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>
<div class="col s12 m3 l3 sticky">
<a class="waves-effect waves-light btn" href="{{ url_for('corpora.corpus', corpus_id=corpus_id) }}"><i class="material-icons left">arrow_back</i>Back to corpus overview</a>
<div class="card">
@ -141,4 +132,18 @@ function sendQueryData() {
</div>
</div>
</div>
<script>
var loadingModal;
document.addEventListener('DOMContentLoaded', function() {
loadingModal = M.Modal.init(document.getElementById("loading-modal"), {"dismissible": false});
loadingModal.open();
});
socket.emit('init_corpus_analysis', {{ corpus_id }});
socket.on('init_corpus_analysis', function(msg) {
if (msg === 'Ready') {loadingModal.close();}
});
</script>
{% endblock %}