diff --git a/web/app/templates/_roadmap.html.j2 b/web/app/templates/_roadmap.html.j2
new file mode 100644
index 0000000000000000000000000000000000000000..da756093b3bfd1c26c26203cb8be7d31361756e6
--- /dev/null
+++ b/web/app/templates/_roadmap.html.j2
@@ -0,0 +1,28 @@
+{% if current_user.is_authenticated %}
+<ul class="tabs tabs-transparent">
+ <li class="tab disabled"><a><i class="material-icons left">explore</i>Roadmap</a></li>
+ <li class="tab"><a{%if request.path == url_for('services.service', service='file-setup') %} class="active"{% endif %} href="{{ url_for('services.service', service='file-setup') }}" target="_self">File setup</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a{%if request.path == url_for('services.service', service='ocr') %} class="active"{% endif %} href="{{ url_for('services.service', service='ocr') }}" target="_self">OCR</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a{%if request.path == url_for('services.service', service='nlp') %} class="active"{% endif %} href="{{ url_for('services.service', service='nlp') }}" target="_self">NLP</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a{%if request.path == url_for('corpora.add_corpus') %} class="active"{% endif %} href="{{ url_for('corpora.add_corpus') }}" target="_self">Add corpus</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ {% if corpus %}
+ <li class="tab"><a{%if request.path == url_for('corpora.add_corpus_file', corpus_id=corpus.id) %} class="active"{% endif %} href="{{ url_for('corpora.add_corpus_file', corpus_id=corpus.id) }}" target="_self">Add corpus file(s)</a></li>
+ {% else %}
+ <li class="tab disabled tooltipped" data-tooltip="Select a corpus first"><a>Add corpus file(s)</a></li>
+ {% endif %}
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ {% if corpus %}
+ {% if corpus.files.all() %}
+ <li class="tab"><a{%if request.path == url_for('corpora.analyse_corpus', corpus_id=corpus.id) %} class="active"{% endif %} href="{{ url_for('corpora.analyse_corpus', corpus_id=corpus.id) }}" target="_self">Corpus analysis</a></li>
+ {% else %}
+ <li class="tab disabled tooltipped" data-tooltip="Add at least one corpus file first"><a>Corpus analysis</a></li>
+ {% endif %}
+ {% else %}
+ <li class="tab disabled tooltipped" data-tooltip="Select a corpus first"><a>Corpus analysis</a></li>
+ {% endif %}
+</ul>
+{% endif %}
diff --git a/web/app/templates/corpora/_breadcrumbs.html.j2 b/web/app/templates/corpora/_breadcrumbs.html.j2
new file mode 100644
index 0000000000000000000000000000000000000000..053f4061863fe563211634d6cf0f488ae42defd3
--- /dev/null
+++ b/web/app/templates/corpora/_breadcrumbs.html.j2
@@ -0,0 +1,27 @@
+<ul class="tabs tabs-transparent">
+ <li class="tab"><a href="{{ url_for('main.index') }}" target="_self">nopaque</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a href="{{ url_for('main.dashboard', _anchor='jobs') }}" target="_self">My corpora</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ {% if request.path == url_for('.add_corpus') %}
+ <li class="tab"><a class="active" href="{{ url_for('.add_corpus') }}" target="_self">{{ title }}</a></li>
+ {% elif request.path == url_for('.corpus', corpus_id=corpus.id) %}
+ <li class="tab"><a class="active" href="{{ url_for('.corpus', corpus_id=corpus.id) }}" target="_self">{{ corpus.title }}</a></li>
+ {% elif request.path == url_for('.analyse_corpus', corpus_id=corpus.id) %}
+ <li class="tab"><a href="{{ url_for('.corpus', corpus_id=corpus.id) }}" target="_self">{{ corpus.title }}</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a class="active" href="{{ url_for('.analyse_corpus', corpus_id=corpus.id) }}" target="_self">{{ title }}</a></li>
+ {% elif request.path == url_for('.add_corpus_file', corpus_id=corpus.id) %}
+ <li class="tab"><a href="{{ url_for('.corpus', corpus_id=corpus.id) }}" target="_self">{{ corpus.title }}</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a href="{{ url_for('.corpus', corpus_id=corpus.id, _anchor='files') }}" target="_self">Corpus files</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a class="active" href="{{ url_for('.add_corpus_file', corpus_id=corpus.id) }}" target="_self">{{ title }}</a></li>
+ {% elif request.path == url_for('.corpus_file', corpus_file_id=corpus_file.id, corpus_id=corpus.id) %}
+ <li class="tab"><a href="{{ url_for('.corpus', corpus_id=corpus.id) }}" target="_self">{{ corpus.title }}</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a href="{{ url_for('.corpus', corpus_id=corpus.id, _anchor='files') }}" target="_self">Corpus files</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a class="active" href="{{ url_for('.corpus_file', corpus_file_id=corpus_file.id, corpus_id=corpus.id) }}" target="_self">{{ corpus_file.author }}: {{ corpus_file.title }} ({{ corpus_file.publishing_year }})</a></li>
+ {% endif %}
+</ul>
diff --git a/web/app/templates/corpora/add_corpus_file.html.j2 b/web/app/templates/corpora/add_corpus_file.html.j2
index 70f72834e64d0f4af8fa9fd84b0ba3aed152adcc..4ca54776b4ee247acc8ecc1d7b05b79e9e83c45d 100644
--- a/web/app/templates/corpora/add_corpus_file.html.j2
+++ b/web/app/templates/corpora/add_corpus_file.html.j2
@@ -5,6 +5,10 @@
{% set scheme_primary_color = colors.corpus_analysis_darken %}
{% set scheme_secondary_color = colors.corpus_analysis %}
+{% block nav_content %}
+{% include 'corpora/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block main_attribs %} class="corpus-analysis-color lighten"{% endblock main_attribs %}
{% block page_content %}
diff --git a/web/app/templates/corpora/corpus_file.html.j2 b/web/app/templates/corpora/corpus_file.html.j2
index 4f02a085e60d1e1fccaf87a1dbc34a353fb5a2d9..7548604b9f63e3fc6fe4c714eb9512b8cc2a1693 100644
--- a/web/app/templates/corpora/corpus_file.html.j2
+++ b/web/app/templates/corpora/corpus_file.html.j2
@@ -5,13 +5,17 @@
{% set scheme_primary_color = colors.corpus_analysis_darken %}
{% set scheme_secondary_color = colors.corpus_analysis %}
+{% block nav_content %}
+{% include 'corpora/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block main_attribs %} class="corpus-analysis-color lighten"{% endblock main_attribs %}
{% block page_content %}
<div class="container">
<div class="row">
<div class="col s12">
- <h1 id="title">{{ corpus_file.author }}: {{ corpus_file.title }}</h1>
+ <h1 id="title">{{ corpus_file.author }}: {{ corpus_file.title }} ({{ corpus_file.publishing_year }})</h1>
</div>
<div class="col s12">
diff --git a/web/app/templates/jobs/_breadcrumbs.html.j2 b/web/app/templates/jobs/_breadcrumbs.html.j2
new file mode 100644
index 0000000000000000000000000000000000000000..dabad5b5dfbebfa038867e28baacdc55533776b6
--- /dev/null
+++ b/web/app/templates/jobs/_breadcrumbs.html.j2
@@ -0,0 +1,9 @@
+<ul class="tabs tabs-transparent">
+ <li class="tab"><a href="{{ url_for('main.index') }}" target="_self">nopaque</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a href="{{ url_for('main.dashboard', _anchor='jobs') }}" target="_self">My jobs</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ {% if request.path == url_for('.job', job_id=job.id) %}
+ <li class="tab"><a class="active" href="{{ url_for('.job', job_id=job.id) }}" target="_self">{{ job.title }}</a></li>
+ {% endif %}
+</ul>
diff --git a/web/app/templates/jobs/job.html.j2 b/web/app/templates/jobs/job.html.j2
index 7cbc49ba3f1ed4955c4217ceed10fa99e5c29acb..d23accfbf82cb783eae3a18cf6b1cfc63bf2345b 100644
--- a/web/app/templates/jobs/job.html.j2
+++ b/web/app/templates/jobs/job.html.j2
@@ -15,6 +15,10 @@
{% set scheme_color = colors.ocr_darken %}
{% endif %}
+{% block nav_content %}
+{% include 'jobs/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block main_attribs %} class="{{ main_class }}"{% endblock main_attribs %}
{% block page_content %}
diff --git a/web/app/templates/main/_breadcrumbs.html.j2 b/web/app/templates/main/_breadcrumbs.html.j2
new file mode 100644
index 0000000000000000000000000000000000000000..f3c4f98c8b897b9143f5027478f827f683691baa
--- /dev/null
+++ b/web/app/templates/main/_breadcrumbs.html.j2
@@ -0,0 +1,15 @@
+<ul class="tabs tabs-transparent">
+ <li class="tab"><a href="{{ url_for('.index') }}" target="_self">nopaque</a></li>
+ {% if not (request.path == url_for('.index')) %}
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ {% endif %}
+ {% if request.path == url_for('.about_and_faq') %}
+ <li class="tab"><a class="active" href="{{ url_for('.about_and_faq') }}" target="_self">About and faq</a></li>
+ {% elif request.path == url_for('.dashboard') %}
+ <li class="tab"><a class="active" href="{{ url_for('.dashboard') }}" target="_self">Dashboard</a></li>
+ {% elif request.path == url_for('.news') %}
+ <li class="tab"><a class="active" href="{{ url_for('.news') }}" target="_self">News</a></li>
+ {% elif request.path == url_for('.terms_of_use') %}
+ <li class="tab"><a class="active" href="{{ url_for('.terms_of_use') }}" target="_self">Terms of use</a></li>
+ {% endif %}
+</ul>
diff --git a/web/app/templates/main/about_and_faq.html.j2 b/web/app/templates/main/about_and_faq.html.j2
index 24e87d672c95719a8571ced7e6876bd7ec8ccbc9..cdae8dca821311cb6fb4cc446daa5146504ac7d4 100644
--- a/web/app/templates/main/about_and_faq.html.j2
+++ b/web/app/templates/main/about_and_faq.html.j2
@@ -1,5 +1,9 @@
{% extends "nopaque.html.j2" %}
+{% block nav_content %}
+{% include 'main/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="container">
<div class="row">
diff --git a/web/app/templates/main/dashboard.html.j2 b/web/app/templates/main/dashboard.html.j2
index b014ecba9857bd9c432a10eebf807bceba60ac13..3d3018a8ed73bdbda6f6dcfc292593708851d8c4 100644
--- a/web/app/templates/main/dashboard.html.j2
+++ b/web/app/templates/main/dashboard.html.j2
@@ -1,5 +1,9 @@
{% extends "nopaque.html.j2" %}
+{% block nav_content %}
+{% include 'main/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="container">
<div class="row">
diff --git a/web/app/templates/main/index.html.j2 b/web/app/templates/main/index.html.j2
index dbc32c3e95b510d8abd1ff775b9ed1d00e224644..8268de6a75350dce61413e54dc6ff5983c0a30fb 100644
--- a/web/app/templates/main/index.html.j2
+++ b/web/app/templates/main/index.html.j2
@@ -1,6 +1,10 @@
{% extends "nopaque.html.j2" %}
{% import 'materialize/wtf.html.j2' as wtf %}
+{% block nav_content %}
+{% include 'main/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="section white">
<div class="row container">
diff --git a/web/app/templates/main/news.html.j2 b/web/app/templates/main/news.html.j2
index c7947530590bfa498f6cd5f755c49eef4a899fd0..7b90f497f71e18c943c8ce737d71df5d466ce22c 100644
--- a/web/app/templates/main/news.html.j2
+++ b/web/app/templates/main/news.html.j2
@@ -1,5 +1,9 @@
{% extends "nopaque.html.j2" %}
+{% block nav_content %}
+{% include 'main/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="container">
<div class="row">
diff --git a/web/app/templates/main/privacy_policy.html.j2 b/web/app/templates/main/privacy_policy.html.j2
index 71c469bf6cc8bc0f0de28d1ded1c964ec129b507..dc8052cad455cdc710bbd2601c0b99614bc4b7ee 100644
--- a/web/app/templates/main/privacy_policy.html.j2
+++ b/web/app/templates/main/privacy_policy.html.j2
@@ -1,5 +1,9 @@
{% extends "nopaque.html.j2" %}
+{% block nav_content %}
+{% include 'main/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="container">
<div class="row">
diff --git a/web/app/templates/main/terms_of_use.html.j2 b/web/app/templates/main/terms_of_use.html.j2
index dbe39dc93b3e014a2d3cceb5410188cde8d2f312..dba392a0e0a262259af766f424d39bc67b1a47c3 100644
--- a/web/app/templates/main/terms_of_use.html.j2
+++ b/web/app/templates/main/terms_of_use.html.j2
@@ -1,5 +1,9 @@
{% extends "nopaque.html.j2" %}
+{% block nav_content %}
+{% include 'main/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="container">
<div class="row">
diff --git a/web/app/templates/nopaque.html.j2 b/web/app/templates/nopaque.html.j2
index 94902c93bea5321d0010a54499f0e742404e35db..6a66440eb5e0cb52a96ad9db39fe2d211f175d40 100644
--- a/web/app/templates/nopaque.html.j2
+++ b/web/app/templates/nopaque.html.j2
@@ -99,36 +99,7 @@
</ul>
</div>
<div class="nav-content secondary-color">
- {% block nav_content %}
- {% if current_user.is_authenticated %}
- <ul class="tabs tabs-transparent">
- <li class="tab disabled"><a><i class="material-icons left">explore</i>Roadmap</a></li>
- <li class="tab"><a{%if request.path == url_for('services.service', service='file-setup') %} class="active"{% endif %} href="{{ url_for('services.service', service='file-setup') }}" target="_self">File setup</a></li>
- <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
- <li class="tab"><a{%if request.path == url_for('services.service', service='ocr') %} class="active"{% endif %} href="{{ url_for('services.service', service='ocr') }}" target="_self">OCR</a></li>
- <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
- <li class="tab"><a{%if request.path == url_for('services.service', service='nlp') %} class="active"{% endif %} href="{{ url_for('services.service', service='nlp') }}" target="_self">NLP</a></li>
- <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
- <li class="tab"><a{%if request.path == url_for('corpora.add_corpus') %} class="active"{% endif %} href="{{ url_for('corpora.add_corpus') }}" target="_self">Add corpus</a></li>
- <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
- {% if corpus %}
- <li class="tab"><a{%if request.path == url_for('corpora.add_corpus_file', corpus_id=corpus.id) %} class="active"{% endif %} href="{{ url_for('corpora.add_corpus_file', corpus_id=corpus.id) }}" target="_self">Add corpus file(s)</a></li>
- {% else %}
- <li class="tab disabled tooltipped" data-tooltip="Select a corpus first"><a>Add corpus file(s)</a></li>
- {% endif %}
- <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
- {% if corpus %}
- {% if corpus.files.all() %}
- <li class="tab"><a{%if request.path == url_for('corpora.analyse_corpus', corpus_id=corpus.id) %} class="active"{% endif %} href="{{ url_for('corpora.analyse_corpus', corpus_id=corpus.id) }}" target="_self">Corpus analysis</a></li>
- {% else %}
- <li class="tab disabled tooltipped" data-tooltip="Add at least one corpus file first"><a>Corpus analysis</a></li>
- {% endif %}
- {% else %}
- <li class="tab disabled tooltipped" data-tooltip="Select a corpus first"><a>Corpus analysis</a></li>
- {% endif %}
- </ul>
- {% endif %}
- {% endblock nav_content %}
+ {% block nav_content %}{% endblock nav_content %}
</div>
</nav>
</div>
diff --git a/web/app/templates/settings/_breadcrumbs.html.j2 b/web/app/templates/settings/_breadcrumbs.html.j2
new file mode 100644
index 0000000000000000000000000000000000000000..a0d061b824e2dc01a900ff05252d4f0b3979c848
--- /dev/null
+++ b/web/app/templates/settings/_breadcrumbs.html.j2
@@ -0,0 +1,13 @@
+<ul class="tabs tabs-transparent">
+ <li class="tab"><a href="{{ url_for('main.index') }}" target="_self">nopaque</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ <li class="tab"><a{%if request.path == url_for('settings.index') %} class="active"{% endif %} href="{{ url_for('settings.index') }}" target="_self">Settings</a></li>
+ <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
+ {% if request.path == url_for('settings.change_password') %}
+ <li class="tab"><a class="active" href="{{ url_for('settings.change_password') }}" target="_self">Change password</a></li>
+ {% elif request.path == url_for('settings.edit_general_settings') %}
+ <li class="tab"><a class="active" href="{{ url_for('settings.edit_general_settings') }}" target="_self">Edit general settings</a></li>
+ {% elif request.path == url_for('settings.edit_notification_settings') %}
+ <li class="tab"><a class="active" href="{{ url_for('settings.edit_notification_settings') }}" target="_self">Edit notification settings</a></li>
+ {% endif %}
+</ul>
diff --git a/web/app/templates/settings/change_password.html.j2 b/web/app/templates/settings/change_password.html.j2
index 771886bf7d8f17fd7d0b0e39ac3ccb42704e25fe..6cee590776797f7640eb78713eb66f04878d8bfc 100644
--- a/web/app/templates/settings/change_password.html.j2
+++ b/web/app/templates/settings/change_password.html.j2
@@ -1,6 +1,10 @@
{% extends 'nopaque.html.j2' %}
{% import 'materialize/wtf.html.j2' as wtf %}
+{% block nav_content %}
+{% include 'settings/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="container">
<div class="row">
diff --git a/web/app/templates/settings/edit_general_settings.html.j2 b/web/app/templates/settings/edit_general_settings.html.j2
index 18eff4d7b34822bd0be54eda7ac9395ed7917eb2..5e3b6428b7bce36cce88ef2f294f7ed736ee867e 100644
--- a/web/app/templates/settings/edit_general_settings.html.j2
+++ b/web/app/templates/settings/edit_general_settings.html.j2
@@ -1,6 +1,10 @@
{% extends 'nopaque.html.j2' %}
{% import 'materialize/wtf.html.j2' as wtf %}
+{% block nav_content %}
+{% include 'settings/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="container">
<div class="row">
diff --git a/web/app/templates/settings/edit_notification_settings.html.j2 b/web/app/templates/settings/edit_notification_settings.html.j2
index 2a8e7b24f02bcedb87a784fe21e5a6f70cb70cfa..2736c1a3bf892190c4ffc51c3507d8d1db517ef8 100644
--- a/web/app/templates/settings/edit_notification_settings.html.j2
+++ b/web/app/templates/settings/edit_notification_settings.html.j2
@@ -1,6 +1,10 @@
{% extends 'nopaque.html.j2' %}
{% import 'materialize/wtf.html.j2' as wtf %}
+{% block nav_content %}
+{% include 'settings/_breadcrumbs.html.j2' %}
+{% endblock nav_content %}
+
{% block page_content %}
<div class="container">
<div class="row">