nopaque/app/templates/_sidenav.html.j2

<ul class="sidenav sidenav-fixed" id="sidenav">
  <li>
    <div class="user-view" style="padding-top: 1px; padding-left: 20px !important; padding-right: 20px !important; height: 112px;">
      <div class="background primary-color"></div>
      <div class="row">
        {# <div class="col s5">
          <a href="{{ url_for('users.user', user_id=current_user.id) }}">
            <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="user-image" class="circle responsive-img"  style="height:80%; margin-top: 22px;">
          </a>
        </div> #}
        {# Change col s12 to col s5 to show user image #}
        <div class="col s12" style="word-wrap: break-word; margin-left:-10px;">
          <span class="white-text name">
          {% if current_user.username|length > 18 %}
            {{ current_user.username[:15] + '...' }}
          {% else %}
            {{ current_user.username }}
          {% endif %}
          </span>
          <span class="white-text email" style="padding-top:5px;">
          {% if current_user.email|length > 32 %}
            {{ current_user.email[:29] + '...' }}
          {% else %}
            {{ current_user.email }}
          {% endif %}
          </span>
        </div>
      </div>
    </div>
  </li>
  {# <li class="primary-color">
    <div style="overflow: hidden;height: 64px; width: 250px;">
      <img class="hide-on-small-only" src="{{ url_for('static', filename='images/nopaque_-_logo_name_slogan.svg') }}" style="height: 128px; margin-top: -32px; margin-left: ;">
    </div>
  </li> #}
  {# <li><a href="{{ url_for('main.index') }}">nopaque</a></li> #}
  <li class="hide-on-large-only">
    <a class="waves-effect" href="{{ url_for('main.news') }}"><i class="material-icons left">email</i>News</a>
  </li>
  {# <li><a href="{{ url_for('main.user_manual') }}"><i class="material-icons">help</i>Manual</a></li> #}
  <li>
    <a class="waves-effect" class="waves-effect" href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a>
    <ul>
      <li>
        <a class="waves-effect" href="{{ url_for('main.dashboard', _anchor='corpora') }}" style="padding-left: 47px;"><i class="nopaque-icons">I</i>My Corpora</a>
      </li>
      <li>
        <a class="waves-effect" href="{{ url_for('main.dashboard', _anchor='jobs') }}" style="padding-left: 47px;"><i class="nopaque-icons">J</i>My Jobs</a>
      </li>
      <li>
        <a class="waves-effect" href="{{ url_for('main.dashboard', _anchor='contributions') }}" style="padding-left: 47px;"><i class="material-icons">new_label</i>My Contributions</a>
      </li>
    </ul>
  </li>
  <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>
  {# <li><div class="divider"></div></li>
  <li>
    <a class="waves-effect" class="waves-effect" href="{{ url_for('main.social_area') }}"><i class="material-icons">rocket_launch</i>Social Area</a>
    <ul>
  <li>
    <a class="waves-effect" href="{{ url_for('main.social_area', _anchor='public-users') }}" style="padding-left: 47px;"><i class="material-icons">person</i>Public Users</a>
  </li>
  <li>
    <a class="waves-effect" href="{{ url_for('main.social_area', _anchor='public-corpora') }}" style="padding-left: 47px;"><i class="nopaque-icons">I</i>Public Corpora</a>
  </li>
    </ul>
  </li> #}
  <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 left">settings</i>Settings</a>
  </li>
  <li class="hide-on-large-only">
    <a class="waves-effect" href="{{ url_for('auth.logout') }}">Log out</a>
  </li>
  {% if current_user.can('ADMINISTRATE') %}
  <li><div class="divider"></div></li>
  <li>
    <a class="waves-effect" href="{{ url_for('admin.admin') }}"><i class="material-icons">admin_panel_settings</i>Administration</a>
  </li>
  {% endif %}
  {% 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 %}
</ul>