nopaque/app/templates/_base/sidenav.html.j2

<ul class="sidenav sidenav-fixed" id="sidenav">
  {# user view #}
  {# shown for small/medium devices #}
  <li class="hide-on-large-only">
    <div class="user-view">
      <div class="background primary-color"></div>
      <a><img class="circle" src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt=""></a>
      <a><span class="white-text name">{{ current_user.username }}</span></a>
      <a><span class="white-text email">{{ current_user.email }}</span></a>
    </div>
  </li>

  {# general items #}
  {% if current_user.can('USE_API') %}
  <li>
    <a class="waves-effect" href="{{ url_for('apifairy.docs') }}"><i class="material-icons">api</i>API</a>
  </li>
  {% endif %}
  <li>
    <a class="waves-effect modal-trigger" href="#manual-modal"><i class="material-icons">school</i>Manual</a>
  </li>
  <li>
    <a class="waves-effect" href="{{ url_for('main.news') }}"><i class="material-icons">email</i>News</a>
  </li>

  {# dashboard items #}
  <li><div class="divider"></div></li>
  <li><a class="subheader">Dashboard</a></li>
  <li>
    <a class="waves-effect" href="{{ url_for('main.dashboard', _anchor='corpora') }}"><i class="nopaque-icons">I</i>My Corpora</a>
  </li>
  <li>
    <a class="waves-effect" href="{{ url_for('main.dashboard', _anchor='jobs') }}"><i class="nopaque-icons">J</i>My Jobs</a>
  </li>
  <li>
    <a class="waves-effect" href="{{ url_for('main.dashboard', _anchor='contributions') }}"><i class="material-icons">new_label</i>My Contributions</a>
  </li>

  {# processes & services items #}
  <li><div class="divider"></div></li>
  <li><a class="subheader">Processes & Services</a></li>
  <li class="service-color service-color-border border-darken" data-service="file-setup-pipeline" style="border-left: 10px solid; margin-top: 5px;">
    <a class="waves-effect" href="{{ url_for('services.file_setup_pipeline') }}"><i class="nopaque-icons service-icons" data-service="file-setup-pipeline"></i>File setup</a>
  </li>
  <li class="service-color service-color-border border-darken" data-service="tesseract-ocr-pipeline" style="border-left: 10px solid; margin-top: 5px;">
    <a class="waves-effect" href="{{ url_for('services.tesseract_ocr_pipeline') }}"><i class="nopaque-icons service-icons" data-service="tesseract-ocr-pipeline"></i>OCR</a>
  </li>
  {% if config.NOPAQUE_TRANSKRIBUS_ENABLED %}
  <li class="service-color service-color-border border-darken" data-service="transkribus-htr-pipeline" style="border-left: 10px solid; margin-top: 5px;">
    <a class="waves-effect" href="{{ url_for('services.transkribus_htr_pipeline') }}"><i class="nopaque-icons service-icons" data-service="transkribus-htr-pipeline"></i>HTR</a>
  </li>
  {% endif %}
  <li class="service-color service-color-border border-darken" data-service="spacy-nlp-pipeline" style="border-left: 10px solid; margin-top: 5px;">
    <a class="waves-effect" href="{{ url_for('services.spacy_nlp_pipeline') }}"><i class="nopaque-icons service-icons" data-service="spacy-nlp-pipeline"></i>NLP</a>
  </li>
  <li class="service-color service-color-border border-darken" data-service="corpus-analysis" style="border-left: 10px solid; margin-top: 5px;">
    <a class="waves-effect" href="{{ url_for('services.corpus_analysis') }}"><i class="nopaque-icons service-icons" data-service="corpus-analysis"></i>Corpus Analysis</a>
  </li>

  {# social items #}
  <li><div class="divider"></div></li>
  <li><a class="subheader">Social</a></li>
  <li>
    <a href="{{ url_for('users.user', user_id=current_user.id) }}"><i class="material-icons">person</i>My Profile</a>
  </li>
  <li>
    <a class="waves-effect" href="{{ url_for('main.social_area', _anchor='public-users') }}"><i class="material-icons">group</i>Public Users</a>
  </li>
  <li>
    <a class="waves-effect" href="{{ url_for('main.social_area', _anchor='public-corpora') }}"><i class="nopaque-icons">I</i>Public Corpora</a>
  </li>

  {# administration items #}
  {% if current_user.can('ADMINISTRATE') %}
  <li><div class="divider"></div></li>
  <li><a class="subheader">Administration</a></li>
  <li>
    <a class="waves-effect" href="{{ url_for('admin.corpora') }}"><i class="nopaque-icons">I</i>Corpora</a>
  </li>
  <li>
    <a class="waves-effect" href="{{ url_for('admin.users') }}"><i class="material-icons">manage_accounts</i>Users</a>
  </li>
  {% endif %}

  {# account items #}
  <li class="hide-on-large-only"><div class="divider"></div></li>
  <li class="hide-on-large-only"><a class="subheader">Account</a></li>
  <li class="hide-on-large-only">
    <a class="waves-effect" href="{{ url_for('settings.settings') }}"><i class="material-icons">settings</i>Settings</a>
  </li>
  <li class="hide-on-large-only">
    <a class="waves-effect" href="{{ url_for('auth.logout') }}"><i class="material-icons">logout</i>Log out</a>
  </li>
</ul>