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

{% set full_width = False %}
{% set roadmap = True %}

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

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