nopaque/app/templates/corpora/analysis.html.j2
Patrick Jentsch 2951fc6966 fix id issues
2023-08-08 16:08:58 +02:00

95 lines
3.2 KiB
Django/Jinja

{% extends "base.html.j2" %}
{% import "materialize/wtf.html.j2" as wtf %}
{% import 'corpora/_analysis/concordance.html.j2' as concordance_extension %}
{% import 'corpora/_analysis/reader.html.j2' as reader_extension %}
{% import 'corpora/_analysis/static_visualization.html.j2' as static_visualization_extension %}
{% block main_attribs %} class="service-scheme" data-service="corpus-analysis" id="corpus-analysis-container"{% endblock main_attribs %}
{% block page_content %}
<ul class="row tabs no-autoinit" id="corpus-analysis-extension-tabs">
<li class="tab col s3">
<a class="active" href="#corpus-analysis-home-container"><i class="nopaque-icons service-icons left" data-service="corpus-analysis"></i>Corpus analysis</a>
</li>
<li class="tab col s3">
<a href="#corpus-analysis-concordance-container"><i class="material-icons left">{{ concordance_extension.icon }}</i>{{ concordance_extension.name }}</a>
</li>
<li class="tab col s3">
<a href="#corpus-analysis-reader-container"><i class="material-icons left">{{ reader_extension.icon }}</i>{{ reader_extension.name }}</a>
</li>
</ul>
<div id="corpus-analysis-home-container">
<h1>{{ title }}</h1>
<div class="row" id="corpus-analysis-extension-cards">
<div class="col s3">
<div class="card extension-selector hoverable" data-target="corpus-analysis-concordance-container">
<div class="card-content">
<span class="card-title">{{ concordance_extension.name }}</span>
<p>{{ concordance_extension.description }}</p>
</div>
</div>
</div>
<div class="col s3">
<div class="card extension-selector hoverable" data-target="corpus-analysis-reader-container">
<div class="card-content">
<span class="card-title">{{ reader_extension.name }}</span>
<p>{{ reader_extension.description }}</p>
</div>
</div>
</div>
</div>
{{ static_visualization_extension.container_content() }}
</div>
<div id="corpus-analysis-concordance-container">
{{ concordance_extension.container_content() }}
</div>
<div id="corpus-analysis-reader-container">
{{ reader_extension.container_content() }}
</div>
{% endblock page_content %}
{% block modals %}
{{ super() }}
<div class="modal no-autoinit" id="corpus-analysis-init-modal">
<div class="modal-content">
<h4>We are preparing your analysis session</h4>
<p>
Our server works as hard as it can to prepare your analysis session. Please be patient and give it some time.<br>
If initialization takes longer than usual or an error occurs, <a onclick="window.location.reload()" href="#">reload the page</a>.
</p>
<div class="progress">
<div class="indeterminate"></div>
</div>
<p class="status-text"></p>
<p class="errors error-color-text hide"></p>
</div>
</div>
{{ concordance_extension.modals() }}
{{ reader_extension.modals() }}
{{ static_visualization_extension.modals() }}
{% endblock modals %}
{% block scripts %}
{{ super() }}
<script>
const corpusAnalysisApp = new CorpusAnalysisApp({{ corpus.hashid|tojson }});
</script>
{{ concordance_extension.scripts() }}
{{ reader_extension.scripts() }}
{{ static_visualization_extension.scripts() }}
<script>
corpusAnalysisApp.init();
</script>
{% endblock scripts %}