Replace roadmap with manual

This commit is contained in:
Patrick Jentsch 2023-03-16 10:31:58 +01:00
parent faf5a61808
commit 823e42faf0
12 changed files with 75 additions and 27 deletions

View File

@ -34,10 +34,10 @@ def dashboard():
return render_template('main/dashboard.html.j2', title='Dashboard') return render_template('main/dashboard.html.j2', title='Dashboard')
@bp.route('/user_manual') # @bp.route('/user_manual')
@register_breadcrumb(bp, '.user_manual', '<i class="material-icons left">help</i>User manual') # @register_breadcrumb(bp, '.user_manual', '<i class="material-icons left">help</i>User manual')
def user_manual(): # def user_manual():
return render_template('main/user_manual.html.j2', title='User manual') # return render_template('main/user_manual.html.j2', title='User manual')
@bp.route('/news') @bp.route('/news')

View File

@ -19,6 +19,10 @@
height: 30px !important; height: 30px !important;
} }
#manual-modal .manual-chapter-title {
display: none;
}
.show-if-only-child:not(:only-child) { .show-if-only-child:not(:only-child) {
display: none !important; display: none !important;
} }

View File

@ -21,15 +21,16 @@
{% endif %} {% endif %}
{%- endfor -%} {%- endfor -%}
</ul> </ul>
{% if current_user.is_authenticated %} {# {% if current_user.is_authenticated %}
<a class="btn-floating btn-large halfway-fab modal-trigger pink tooltipped waves-effect waves-light" data-tooltip="Roadmap" href="#roadmap-modal"><i class="material-icons">explore</i></a> <a class="btn-floating btn-large halfway-fab modal-trigger pink tooltipped waves-effect waves-light" data-tooltip="Roadmap" href="#roadmap-modal"><i class="material-icons">explore</i></a>
{% endif %} {% endif %} #}
<a class="btn-floating btn-large halfway-fab modal-trigger pink tooltipped waves-effect waves-light" data-tooltip="Manual" href="#manual-modal"><i class="material-icons">help</i></a>
</div> </div>
</nav> </nav>
</div> </div>
<ul class="dropdown-content" id="nav-more-dropdown"> <ul class="dropdown-content" id="nav-more-dropdown">
<li><a href="{{ url_for('main.user_manual') }}"><i class="material-icons left">help</i>Manual</a></li> {# <li><a href="{{ url_for('main.user_manual') }}"><i class="material-icons left">help</i>Manual</a></li> #}
{% if current_user.is_authenticated %} {% if current_user.is_authenticated %}
<li><a href="{{ url_for('users.edit_profile', user_id=current_user.id) }}"><i class="material-icons left">settings</i>User settings</a></li> <li><a href="{{ url_for('users.edit_profile', user_id=current_user.id) }}"><i class="material-icons left">settings</i>User settings</a></li>
<li class="divider" tabindex="-1"></li> <li class="divider" tabindex="-1"></li>

View File

@ -26,7 +26,7 @@
</li> #} </li> #}
{# <li><a href="{{ url_for('main.index') }}">nopaque</a></li> #} {# <li><a href="{{ url_for('main.index') }}">nopaque</a></li> #}
<li><a href="{{ url_for('main.news') }}"><i class="material-icons left">email</i>News</a></li> <li><a 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 href="{{ url_for('main.user_manual') }}"><i class="material-icons">help</i>Manual</a></li> #}
<li><a href="{{ url_for('main.dashboard') }}" class="subheader">Dashboard</a></li> <li><a href="{{ url_for('main.dashboard') }}" class="subheader">Dashboard</a></li>
<li><a href="{{ url_for('main.dashboard', _anchor='corpora') }}"><i class="nopaque-icons">I</i>My Corpora</a></li> <li><a href="{{ url_for('main.dashboard', _anchor='corpora') }}"><i class="nopaque-icons">I</i>My Corpora</a></li>
<li><a href="{{ url_for('main.dashboard', _anchor='jobs') }}"><i class="nopaque-icons">J</i>My Jobs</a></li> <li><a href="{{ url_for('main.dashboard', _anchor='jobs') }}"><i class="nopaque-icons">J</i>My Jobs</a></li>

View File

@ -34,9 +34,10 @@
{% block page_content %}{% endblock page_content %} {% block page_content %}{% endblock page_content %}
<div id="modals"> <div id="modals">
{% block modals %} {% block modals %}
{% if current_user.is_authenticated %} {% include "main/_manual_modal_contents.html.j2" %}
{# {% if current_user.is_authenticated %}
{% include "_roadmap.html.j2" %} {% include "_roadmap.html.j2" %}
{% endif %} {% endif %} #}
{% endblock modals %} {% endblock modals %}
</div> </div>
{% endblock main %} {% endblock main %}

View File

@ -0,0 +1,42 @@
<div id="manual-modal" class="modal">
<div class="modal-content">
<h2>Manual</h2>
<div id="manual-table-of-contents">
<ul class="tabs">
<li class="tab"><a href="#manual-modal-introduction">Introduction</a></li>
<li class="tab"><a href="#manual-modal-registration-and-log-in">Registration and Log in</a></li>
<li class="tab"><a href="#manual-modal-dashboard">Dashboard</a></li>
<li class="tab"><a href="#manual-modal-services">Services</a></li>
<li class="tab"><a href="#manual-modal-a-closer-look-at-the-corpus-analysis">A closer look at the Corpus Analysis</a></li>
<li class="tab"><a href="#manual-modal-cqp-query-language">CQP Query Language</a></li>
</ul>
</div>
<div id="manual-modal-introduction">
<br>
{% include "main/manual/_01_introduction.html.j2" %}
</div>
<div id="manual-modal-registration-and-log-in">
<br>
{% include "main/manual/_02_registration_and_log_in.html.j2" %}
</div>
<div id="manual-modal-dashboard">
<br>
{% include "main/manual/_03_dashboard.html.j2" %}
</div>
<div id="manual-modal-services">
<br>
{% include "main/manual/_06_services.html.j2" %}
</div>
<div id="manual-modal-a-closer-look-at-the-corpus-analysis">
<br>
{% include "main/manual/_07_a_closer_look_at_the_corpus_analysis.html.j2" %}
</div>
<div id="manual-modal-cqp-query-language">
<br>
{% include "main/manual/_08_cqp_query_language.html.j2" %}
</div>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Close</a>
</div>
</div>

View File

@ -1,4 +1,4 @@
<h2>Introduction</h2> <h3 class="manual-chapter-title">Introduction</h3>
<p> <p>
nopaque is a web-based digital working environment. It implements a nopaque is a web-based digital working environment. It implements a
workflow based on the research process in the humanities and supports its workflow based on the research process in the humanities and supports its

View File

@ -1,4 +1,4 @@
<h2>Registration and Log in</h2> <h3 class="manual-chapter-title">Registration and Log in</h3>
<div class="row"> <div class="row">
<div class="col s12 m4"> <div class="col s12 m4">
<img alt="Registration and Log in" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/registration-and-log-in.png') }}"> <img alt="Registration and Log in" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/registration-and-log-in.png') }}">

View File

@ -1,4 +1,4 @@
<h2>Dashboard</h2> <h3 class="manual-chapter-title">Dashboard</h3>
<div class="row"> <div class="row">
<div class="col s12 m4"> <div class="col s12 m4">
<img alt="Dashboard" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/dashboard.png') }}"> <img alt="Dashboard" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/dashboard.png') }}">

View File

@ -1,4 +1,4 @@
<h2>Services</h2> <h3 class="manual-chapter-title">Services</h5>
<div class="row"> <div class="row">
<div class="col s12 m4"> <div class="col s12 m4">
<img alt="Services" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/services.png') }}"> <img alt="Services" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/services.png') }}">
@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<h3>File Setup</h3> <h4 class="manual-chapter-title">File Setup</h4>
<p> <p>
The <a href="{{ url_for('services.file_setup_pipeline') }}">File Setup Service</a> bundles image data, such as scans and photos, The <a href="{{ url_for('services.file_setup_pipeline') }}">File Setup Service</a> bundles image data, such as scans and photos,
together in a handy PDF file. To use this service, use the job form to together in a handy PDF file. To use this service, use the job form to
@ -34,16 +34,16 @@
sorted in ascending order by file name. sorted in ascending order by file name.
</p> </p>
<h3>Optical Character Recognition (OCR)</h3> <h4>Optical Character Recognition (OCR)</h4>
<p>Comming soon...</p> <p>Comming soon...</p>
<h3>Handwritten Text Recognition (HTR)</h3> <h4>Handwritten Text Recognition (HTR)</h4>
<p>Comming soon...</p> <p>Comming soon...</p>
<h3>Natural Language Processing (NLP)</h3> <h4>Natural Language Processing (NLP)</h4>
<p>Comming soon...</p> <p>Comming soon...</p>
<h3>Corpus Analysis</h3> <h4>Corpus Analysis</h4>
<p> <p>
With the corpus analysis service, it is possible to create a text corpus With the corpus analysis service, it is possible to create a text corpus
and then explore it in an analysis session. The analysis session is realized and then explore it in an analysis session. The analysis session is realized

View File

@ -1,5 +1,5 @@
<h2>A closer look at the Corpus Analysis</h2> <h3 class="manual-chapter-title">A closer look at the Corpus Analysis</h3>
<h3>Create a corpus</h3> <h4>Create a corpus</h4>
<div class="row"> <div class="row">
<div class="col s12 m4"> <div class="col s12 m4">
<img alt="Create a Corpus" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/create-a-corpus.png') }}"> <img alt="Create a Corpus" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/create-a-corpus.png') }}">
@ -32,7 +32,7 @@
</div> </div>
</div> </div>
<h3>Analyze a corpus</h3> <h4>Analyze a corpus</h4>
<p> <p>
After you have created and built a corpus, it can be analyzed. To do this, After you have created and built a corpus, it can be analyzed. To do this,
use the button labeled Analyze. The corpus analysis currently offers two use the button labeled Analyze. The corpus analysis currently offers two

View File

@ -1,4 +1,4 @@
<h2>CQP Query Language</h2> <h3 class="manual-chapter-title">CQP Query Language</h3>
<p>Within the Corpus Query Language, a distinction is made between two types of annotations: positional attributes and structural attributes. Positional attributes refer to a token, e.g. the word "book" is assigned the part-of-speech tag "NN", the lemma "book" and the simplified part-of-speech tag "NOUN" within the token structure. Structural attributes refer to text structure-giving elements such as sentence and entity markup. For example, the markup of a sentence is represented in the background as follows:</p> <p>Within the Corpus Query Language, a distinction is made between two types of annotations: positional attributes and structural attributes. Positional attributes refer to a token, e.g. the word "book" is assigned the part-of-speech tag "NN", the lemma "book" and the simplified part-of-speech tag "NOUN" within the token structure. Structural attributes refer to text structure-giving elements such as sentence and entity markup. For example, the markup of a sentence is represented in the background as follows:</p>
<pre> <pre>
<code> <code>
@ -13,7 +13,7 @@
</code> </code>
</pre> </pre>
<h3>Positional attributes</h3> <h4>Positional attributes</h4>
<p>Before you can start searching for positional attributes (also called tokens), it is necessary to know what properties they contain.</p> <p>Before you can start searching for positional attributes (also called tokens), it is necessary to know what properties they contain.</p>
<ol> <ol>
<li><span class="blue-text"><b>word</b></span>: The string as it is also found in the original text</li> <li><span class="blue-text"><b>word</b></span>: The string as it is also found in the original text</li>
@ -33,7 +33,7 @@
</li> </li>
</ol> </ol>
<h4>Searching for positional attributes</h4> <h5>Searching for positional attributes</h5>
<div> <div>
<p> <p>
<b>Token with no condition on any property (also called <span class="blue-text">wildcard token</span>)</b><br> <b>Token with no condition on any property (also called <span class="blue-text">wildcard token</span>)</b><br>
@ -118,7 +118,7 @@
<pre style="margin-top: 0;" ><code> ^ ^ the braces indicate the start and end of an option group</code></pre> <pre style="margin-top: 0;" ><code> ^ ^ the braces indicate the start and end of an option group</code></pre>
</div> </div>
<h3>Structural attributes</h3> <h4>Structural attributes</h4>
<p>nopaque provides several structural attributes for query. A distinction is made between attributes with and without value.</p> <p>nopaque provides several structural attributes for query. A distinction is made between attributes with and without value.</p>
<ol> <ol>
<li><span class="green-text"><b>s</b></span>: Annotates a sentence</li> <li><span class="green-text"><b>s</b></span>: Annotates a sentence</li>
@ -153,7 +153,7 @@
</li> </li>
</ol> </ol>
<h4>Searching for structural attributes</h4> <h5>Searching for structural attributes</h5>
<pre><code>&lt;ent&gt; [] &lt;/ent&gt;; A one token long entity of any type</code></pre> <pre><code>&lt;ent&gt; [] &lt;/ent&gt;; A one token long entity of any type</code></pre>
<pre><code>&lt;ent_type="PERSON"&gt; [] &lt;/ent_type&gt;; A one token long entity of type PERSON</code></pre> <pre><code>&lt;ent_type="PERSON"&gt; [] &lt;/ent_type&gt;; A one token long entity of type PERSON</code></pre>
<pre><code>&lt;ent_type="PERSON"&gt; []* &lt;/ent_type&gt;; Entity of any length of type PERSON</code></pre> <pre><code>&lt;ent_type="PERSON"&gt; []* &lt;/ent_type&gt;; Entity of any length of type PERSON</code></pre>