{% extends "nopaque.html.j2" %}

{% set headline = '<i class="material-icons left service" data-service="corpus_analysis" style="font-size: inherit;"></i>Corpus analysis' %}

{% block page_content %}
<div class="col s12 m9 l10">
  <div class="col s12">
    <div class="card">
      <div class="card-content">
        <div class="row">
          <div class="col s12 m6">
            <span class="card-title"><i class="left material-icons">layers</i>Tokenisierung</span>
            <p>Aufteilung eines Textes in Sätze und Wörter. Dies ist zur weiteren Verarbeitung notwendig.</p>
          </div>
          <div class="col s12 hide-on-med-and-up">&nbsp;</div>
          <div class="col s12 m6">
            <span class="card-title"><i class="left material-icons">layers</i>Lemmatisierung</span>
            <p>Reduktion der Flexionsformen eines Wortes auf dessen Grundform.</p>
          </div>
          <div class="col s12">&nbsp;</div>
          <div class="col s12 m6">
            <span class="card-title"><i class="left material-icons">layers</i>Part-of-speech-Tagging</span>
            <p>Kontext- und definitionsbezogene Zuordnung von Wörtern und Satzzeichen zu Wortarten.</p>
          </div>
          <div class="col s12 hide-on-med-and-up">&nbsp;</div>
          <div class="col s12 m6">
            <span class="card-title"><i class="left material-icons">layers</i>Eigennamenerkennung</span>
            <p>Identifikation von Wörtern, die eine Entitätbeschreiben, wie Firmen- und Personennamen.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="col s12">
    <h3>My corpora</h3>
    <div class="card">
      <div class="card-content" id="corpora">
        <div class="input-field">
          <i class="material-icons prefix">search</i>
          <input id="search-corpus" class="search" type="search"></input>
          <label for="search-corpus">Search corpus</label>
        </div>
        <table>
          <thead>
            <tr>
              <th></th>
              <th>
                <span class="sort" data-sort="title">Title</span>
                <span class="sort" data-sort="description">Description</span>
              </th>
              <th><span class="sort" data-sort="status">Status</span></th>
              <th></th>
            </tr>
          </thead>
          <tbody class="list"></tbody>
        </table>
        <ul class="pagination"></ul>
      </div>
      <div class="card-action right-align">
        <a class="waves-effect waves-light btn" href="{{ url_for('corpora.add_corpus') }}">New corpus<i class="material-icons right">add</i></a>
      </div>
    </div>
  </div>
</div>

<div class="col hide-on-small-only m3 l2">
  {% include 'services/roadmap.html.j2' %}
</div>

<script>
  var corpusList = new RessourceList("corpora", nopaque.corporaSubscribers,
                                     "corpus", {page: 10});
</script>
{% endblock %}