nopaque/app/templates/corpora/analysis.html.j2

{% 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 %}

{% set extensions = [concordance_extension, reader_extension, static_visualization_extension] %}
{% block main_attribs %} class="service-scheme" data-service="corpus-analysis" id="corpus-analysis-app-container"{% endblock main_attribs %}



{% block page_content %}
<ul class="row tabs no-autoinit" id="corpus-analysis-app-extension-tabs">
  <li class="tab col s3"><a class="active" href="#corpus-analysis-app-home-container"><i class="nopaque-icons service-icons left" data-service="corpus-analysis"></i>Corpus analysis</a></li>
  {% for extension in extensions if extension.name != 'Static Visualization' %}
  <li class="tab col s3"><a href="#{{ extension.id_prefix }}-container">{{ extension.tab_content }}</a></li>
  {% endfor %}
</ul>

<div id="corpus-analysis-app-home-container">
  <h1>{{ title }}</h1>

  <div class="row" id="corpus-analysis-app-extension-cards">
    {% for extension in extensions if extension.name != 'Static Visualization' %}
    <div class="col s3">
      <div class="card extension-selector hoverable" data-target="{{ extension.id_prefix }}-container">
        <div class="card-content">
          <span class="card-title">{{ extension.name }}</span>
          <p>{{ extension.description }}</p>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>

  {{ static_visualization_extension.container_content }}
</div>


{% for extension in extensions if extension.name != 'Static Visualization' %}
<div id="{{ extension.id_prefix }}-container">
  {{ extension.container_content }}
</div>
{% endfor %}
{% endblock page_content %}

{% block modals %}
{{ super() }}
<div class="modal no-autoinit" id="corpus-analysis-app-init-modal">
  <div class="modal-content">
    <h4>Initializing session</h4>
    <p>
      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>

{% for extension in extensions %}
{{ extension.modals }}
{% endfor %}

{% endblock modals %}

{% block scripts %}
{{ super() }}
<script>
  const corpusAnalysisApp = new CorpusAnalysisApp({{ corpus.hashid|tojson }});
</script>

{% for extension in extensions %}
{{ extension.scripts }}
{% endfor %}

<script>
  corpusAnalysisApp.init();
</script>
{% endblock scripts %}