sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-11-04 04:12:45 +00:00
Code Issues Projects Releases Wiki Activity

Simplify template

Browse Source
This commit is contained in:
Patrick Jentsch
2020-02-18 15:31:10 +01:00
parent e611a15aac
commit 4de2fdf6d8
8 changed files with 440 additions and 428 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/templates/jobs/job.html.j2
View File

@@ -2,7 +2,8 @@
{% set full_width = False %}
{% set roadmap = False %}
{% set title_override = '<i class="material-icons left service" data-service="{service}" style="font-size: inherit;"></i>Job'.format(service=job.service) %}
<!-- Override title -->
{% set title = '<i class="material-icons left service" data-service="{service}" style="font-size: inherit;"></i>Job'.format(service=job.service) %}
{% block page_content %}
<div class="col s12 m4">

6
app/templates/main/index.html.j2
View File

@@ -3,13 +3,7 @@
{% set parallax = True %}
{% block page_content %}
<style media="screen">
.grey.lighten-5 {
background-color: transparent !important;
}
</style>
{% if current_user.is_anonymous %}
<div class="parallax-container">
<div class="parallax">
<img src="{{ url_for('static', filename='images/bible_text.jpg') }}" alt="">

65
app/templates/nopaque.html.j2
View File

@@ -88,57 +88,30 @@
</ul>
</header>
<main class="grey lighten-5">
{% if not parallax %}
{% if not full_width %}
<div class="container">
{% endif %}
{%- macro insert_page_content() -%}
{% block page_content %}{% endblock %}
{%- endmacro -%}
{% if parallax %}
<main>
{{ insert_page_content() }}
</main>
{% else %}
<main class="grey lighten-5">
{% if not full_width %}
<div class="container">
{% endif %}
<div class="row">
<div class="col s12">
<h2>
{% if title_override %}
{{ title_override }}
{% elif title %}
{{ title }}
{% else %}
Unnamed page
{% endif %}
</h2>
<h2>{% if title %}{{ title }}{% else %}Unnamed page{% endif %}</h2>
</div>
{% if roadmap %}
<div class="col s12 m9 l10">
{% else %}
<div class="col s12">
{% endif %}
<div class="row">
{% endif %}
{% block page_content %}
{% endblock %}
{% if not parallax %}
</div>
</div>
{% if roadmap %}
<div class="col hide-on-small-only m3 l2">
<ul class="table-of-contents" id="roadmap">
<li><b>Roadmap</b></li>
<li><a href="{{ url_for('services.service', service='setup_files') }}">File setup</a></li>
<li><a href="{{ url_for('services.service', service='ocr') }}">Optical Character Recognition</a></li>
<li><a href="{{ url_for('services.service', service='nlp') }}">Natural Language Processing</a></li>
<li><a href="{{ url_for('corpora.add_corpus') }}">Create a corpus</a></li>
<li><a href="{{ url_for('services.service', service='corpus_analysis') }}">Corpus analysis</a></li>
</ul>
</div>
<script>
for (let entry of document.querySelectorAll(`#roadmap a`)) {
if (entry.href === window.location.href) {entry.classList.add("active");}
}
</script>
{% endif %}
{{ insert_page_content() }}
</div>
{% if not full_width %}
{% if not full_width %}
</div>
{% endif %}
</div>
{% endif %}
{% endif %}
{% endif %}
</main>
<footer class="page-footer">

106
app/templates/services/corpus_analysis.html.j2
View File

@@ -4,63 +4,69 @@
{% 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 class="col s12 m9 l10">
<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 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 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>
</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 class="col hide-on-small-only m3 l2">
{% include 'services/roadmap.html.j2' %}
</div>
<script>

214
app/templates/services/nlp.html.j2
View File

@@ -4,116 +4,122 @@
{% 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 class="col s12 m9 l10">
<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>Submit a job</h3>
<div class="card">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">title</i>
{{ add_job_form.title(data_length='32') }}
{{ add_job_form.title.label }}
{% for error in add_job_form.title.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">language</i>
{{ add_job_form.language() }}
{{ add_job_form.language.label }}
{% for error in add_job_form.language.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">language</i>
{{ add_job_form.version() }}
{{ add_job_form.version.label }}
{% for error in add_job_form.version.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6">
<div class="file-field input-field">
<div class="btn">
<span>{{ add_job_form.files.label.text }}</span>
{{ add_job_form.files(accept='text/plain') }}
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
{% for error in add_job_form.files.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m6">
<div class="input-field">
<i class="material-icons prefix">description</i>
{{ add_job_form.description(data_length='255') }}
{{ add_job_form.description.label }}
{% for error in add_job_form.description.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6">
<span class="card-title">Check Encoding</span>
<p>If the input files are not created with the nopaque OCR service or you do not know if your text files are UTF-8 encoded, check this switch. We will try to automatically determine the right encoding for your texts to process them.</p>
<div class="switch">
<label>
{{ add_job_form.check_encoding() }}
<span class="lever"></span>
</label>
</div>
</div>
</div>
</div>
<div class="card-action right-align">
<button class="btn waves-effect waves-light" id="submit" name="submit" type="submit">Submit<i class="material-icons right">send</i></button>
</div>
</form>
</div>
</div>
</div>
<div class="col s12">
<h3>Submit a job</h3>
<div class="card">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">title</i>
{{ add_job_form.title(data_length='32') }}
{{ add_job_form.title.label }}
{% for error in add_job_form.title.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">language</i>
{{ add_job_form.language() }}
{{ add_job_form.language.label }}
{% for error in add_job_form.language.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">language</i>
{{ add_job_form.version() }}
{{ add_job_form.version.label }}
{% for error in add_job_form.version.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6">
<div class="file-field input-field">
<div class="btn">
<span>{{ add_job_form.files.label.text }}</span>
{{ add_job_form.files(accept='text/plain') }}
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
{% for error in add_job_form.files.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m6">
<div class="input-field">
<i class="material-icons prefix">description</i>
{{ add_job_form.description(data_length='255') }}
{{ add_job_form.description.label }}
{% for error in add_job_form.description.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6">
<span class="card-title">Check Encoding</span>
<p>If the input files are not created with the nopaque OCR service or you do not know if your text files are UTF-8 encoded, check this switch. We will try to automatically determine the right encoding for your texts to process them.</p>
<div class="switch">
<label>
{{ add_job_form.check_encoding() }}
<span class="lever"></span>
</label>
</div>
</div>
</div>
</div>
<div class="card-action right-align">
<button class="btn waves-effect waves-light" id="submit" name="submit" type="submit">Submit<i class="material-icons right">send</i></button>
</div>
</form>
</div>
<div class="col hide-on-small-only m3 l2">
{% include 'services/roadmap.html.j2' %}
</div>
<div id="progress-modal" class="modal">

318
app/templates/services/ocr.html.j2
View File

@@ -4,193 +4,199 @@
{% 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>Eingabe von Bilddaten</span>
<p>Über ein Auftragsformular können Bilddaten in Form von PDF-Dateien hochgeladen werden.</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>Optische Zeichenerkennung</span>
<p>Die optische Zeichenerkennung erfolgt in der Recheninfrastruktur der Plattform.</p>
</div>
<div class="col s12">&nbsp;</div>
<div class="col s12 m6">
<span class="card-title"><i class="left material-icons">layers</i>Fehlerkorrektur</span>
<p>Je nach Qualität der Eingabedaten kann es zu Fehlern kommen, die korrigiert werden sollten.</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>Weiterverarbeitung</span>
<p>Die Textdaten können weiterverarbeitet<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel durch die hier angebotene linguistische Datenverarbeitung."><sup>[*]</sup></a> oder in dieser Form bereits genutzt<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel mit dem Programm &quot;AntConc&quot;."><sup>[*]</sup></a> werden.</p>
<div class="col s12 m9 l10">
<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>Eingabe von Bilddaten</span>
<p>Über ein Auftragsformular können Bilddaten in Form von PDF-Dateien hochgeladen werden.</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>Optische Zeichenerkennung</span>
<p>Die optische Zeichenerkennung erfolgt in der Recheninfrastruktur der Plattform.</p>
</div>
<div class="col s12">&nbsp;</div>
<div class="col s12 m6">
<span class="card-title"><i class="left material-icons">layers</i>Fehlerkorrektur</span>
<p>Je nach Qualität der Eingabedaten kann es zu Fehlern kommen, die korrigiert werden sollten.</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>Weiterverarbeitung</span>
<p>Die Textdaten können weiterverarbeitet<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel durch die hier angebotene linguistische Datenverarbeitung."><sup>[*]</sup></a> oder in dieser Form bereits genutzt<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel mit dem Programm &quot;AntConc&quot;."><sup>[*]</sup></a> werden.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col s12">
<h3>Submit a job</h3>
<div class="card">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">title</i>
{{ add_job_form.title(class="validate", data_length='32') }}
{{ add_job_form.title.label }}
{% for error in add_job_form.title.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m8">
<div class="input-field">
<i class="material-icons prefix">description</i>
{{ add_job_form.description(class="validate", data_length='255') }}
{{ add_job_form.description.label }}
{% for error in add_job_form.description.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m5">
<div class="file-field input-field">
<div class="btn">
<span>{{ add_job_form.files.label.text }}</span>
{{ add_job_form.files(accept='application/pdf, image/tiff') }}
<div class="col s12">
<h3>Submit a job</h3>
<div class="card">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">title</i>
{{ add_job_form.title(class="validate", data_length='32') }}
{{ add_job_form.title.label }}
{% for error in add_job_form.title.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
<div class="col s12 m8">
<div class="input-field">
<i class="material-icons prefix">description</i>
{{ add_job_form.description(class="validate", data_length='255') }}
{{ add_job_form.description.label }}
{% for error in add_job_form.description.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
{% for error in add_job_form.files.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">language</i>
{{ add_job_form.language(class="validate") }}
{{ add_job_form.language.label }}
{% for error in add_job_form.language.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
<div class="col s12 m5">
<div class="file-field input-field">
<div class="btn">
<span>{{ add_job_form.files.label.text }}</span>
{{ add_job_form.files(accept='application/pdf, image/tiff') }}
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
{% for error in add_job_form.files.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
</div>
<div class="col s12 m3">
<div class="input-field">
<i class="material-icons prefix">apps</i>
{{ add_job_form.version(class="validate") }}
{{ add_job_form.version.label }}
{% for error in add_job_form.version.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">language</i>
{{ add_job_form.language(class="validate") }}
{{ add_job_form.language.label }}
{% for error in add_job_form.language.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
</div>
<div class="col s12"><p>&nbsp;</div>
<div class="col s12 m4">
<div class="row">
<div class="col s9">
<span class="card-title">Page range (N.a.)</span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempora invidunt ut</p>
<div class="row valign-wrapper">
<div class="col s5">
<div class="input-field">
<input id="first-page" type="text" class="validate" value="0">
<label for="first-page">From start</label>
<div class="col s12 m3">
<div class="input-field">
<i class="material-icons prefix">apps</i>
{{ add_job_form.version(class="validate") }}
{{ add_job_form.version.label }}
{% for error in add_job_form.version.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12"><p>&nbsp;</div>
<div class="col s12 m4">
<div class="row">
<div class="col s9">
<span class="card-title">Page range (N.a.)</span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempora invidunt ut</p>
<div class="row valign-wrapper">
<div class="col s5">
<div class="input-field">
<input id="first-page" type="text" class="validate" value="0">
<label for="first-page">From start</label>
</div>
</div>
</div>
<div class="col s2">
<p>&ndash;</p>
</div>
<div class="col s5">
<div class="input-field">
<input id="last-page" type="text" class="validate" value="0">
<label for="last-page">Before end</label>
<div class="col s2">
<p>&ndash;</p>
</div>
<div class="col s5">
<div class="input-field">
<input id="last-page" type="text" class="validate" value="0">
<label for="last-page">Before end</label>
</div>
</div>
</div>
</div>
</div>
<div class="col s3">
<div class="switch">
<label>
<input type="checkbox" disabled>
<span class="lever"></span>
</label>
<div class="col s3">
<div class="switch">
<label>
<input type="checkbox" disabled>
<span class="lever"></span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="row">
<div class="col s9">
<span class="card-title">Page split (N.a.)</span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempora invidunt ut</p>
<p class="range-field">
<input type="range" id="page-split" min="30" max="70" value="0">
</p>
</div>
<div class="col s3">
<div class="switch">
<label>
<input type="checkbox" disabled>
<span class="lever"></span>
</label>
<div class="col s12 m4">
<div class="row">
<div class="col s9">
<span class="card-title">Page split (N.a.)</span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempora invidunt ut</p>
<p class="range-field">
<input type="range" id="page-split" min="30" max="70" value="0">
</p>
</div>
<div class="col s3">
<div class="switch">
<label>
<input type="checkbox" disabled>
<span class="lever"></span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="row">
<div class="col s9">
<span class="card-title">Page rotation (N.a.)</span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempora invidunt ut</p>
<p class="range-field">
<input type="range" id="page-rotation" min="0" max="360" value="0">
</p>
</div>
<div class="col s3">
<div class="switch">
<label>
<input type="checkbox" disabled>
<span class="lever"></span>
</label>
<div class="col s12 m4">
<div class="row">
<div class="col s9">
<span class="card-title">Page rotation (N.a.)</span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempora invidunt ut</p>
<p class="range-field">
<input type="range" id="page-rotation" min="0" max="360" value="0">
</p>
</div>
<div class="col s3">
<div class="switch">
<label>
<input type="checkbox" disabled>
<span class="lever"></span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="col s12"></div>
<div class="col s12 m4">
<div class="row">
<div class="col s9">
<span class="card-title">Binarization</span>
<p class="light">Based on a brightness threshold pixels are converted to either black or white. It's usefull to reduce noise in images. (<b>long duration</b>)</p>
</div>
<div class="col s3">
<div class="switch">
<label>
{{ add_job_form.binarization() }}
<span class="lever"></span>
</label>
<div class="col s12"></div>
<div class="col s12 m4">
<div class="row">
<div class="col s9">
<span class="card-title">Binarization</span>
<p class="light">Based on a brightness threshold pixels are converted to either black or white. It's usefull to reduce noise in images. (<b>long duration</b>)</p>
</div>
<div class="col s3">
<div class="switch">
<label>
{{ add_job_form.binarization() }}
<span class="lever"></span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-action right-align">
<button class="btn waves-effect waves-light" id="add-job-form-submit" name="add-job-form-submit" type="submit">Submit<i class="material-icons right">send</i></button>
</div>
</form>
<div class="card-action right-align">
<button class="btn waves-effect waves-light" id="add-job-form-submit" name="add-job-form-submit" type="submit">Submit<i class="material-icons right">send</i></button>
</div>
</form>
</div>
</div>
</div>
<div class="col hide-on-small-only m3 l2">
{% include 'services/roadmap.html.j2' %}
</div>
<div id="progress-modal" class="modal">
<div class="modal-content">
<h4><i class="material-icons left">file_upload</i>Uploading files for <span class="title"></span></h4>

20
app/templates/services/roadmap.html.j2 Normal file
View File

@@ -0,0 +1,20 @@
<ul class="table-of-contents" id="roadmap">
<li><b>Roadmap</b></li>
<li>
<a href="{{ url_for('services.service', service='setup_files') }}">File setup</a>
</li>
<li>
<a href="{{ url_for('services.service', service='ocr') }}">Optical Character Recognition</a>
</li>
<li>
<a href="{{ url_for('services.service', service='nlp') }}">Natural Language Processing</a>
</li>
<li>
<a href="{{ url_for('services.service', service='corpus_analysis') }}">Corpus analysis</a>
</li>
</ul>
<script>
for (let entry of document.querySelectorAll(`#roadmap a`)) {
if (entry.href === window.location.href) {entry.classList.add("active");}
}
</script>

136
app/templates/services/setup_files.html.j2
View File

@@ -4,84 +4,90 @@
{% 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>Image upload</span>
<p>Upload your image files in PNG, JPEG oder singlepage TIFF file format with the provided formular.</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>Merge process</span>
<p>The cloud infrastructure picks up your data and merges it into a multipage TIFF file.</p>
<div class="col s12 m9 l10">
<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>Image upload</span>
<p>Upload your image files in PNG, JPEG oder singlepage TIFF file format with the provided formular.</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>Merge process</span>
<p>The cloud infrastructure picks up your data and merges it into a multipage TIFF file.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col s12">
<h3>Submit a job</h3>
<div class="card">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">title</i>
{{ add_job_form.title(data_length='32') }}
{{ add_job_form.title.label }}
{% for error in add_job_form.title.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m8">
<div class="input-field">
<i class="material-icons prefix">description</i>
{{ add_job_form.description(data_length='255') }}
{{ add_job_form.description.label }}
{% for error in add_job_form.description.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12">
<div class="file-field input-field">
<div class="btn">
<span>{{ add_job_form.files.label.text }}</span>
{{ add_job_form.files(accept='image/jpeg, image/png, image/tiff') }}
<div class="col s12">
<h3>Submit a job</h3>
<div class="card">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">title</i>
{{ add_job_form.title(data_length='32') }}
{{ add_job_form.title.label }}
{% for error in add_job_form.title.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
{% for error in add_job_form.files.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 hide">
<div class="input-field">
<i class="material-icons prefix">apps</i>
{{ add_job_form.version() }}
{{ add_job_form.version.label }}
{% for error in add_job_form.version.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
<div class="col s12 m8">
<div class="input-field">
<i class="material-icons prefix">description</i>
{{ add_job_form.description(data_length='255') }}
{{ add_job_form.description.label }}
{% for error in add_job_form.description.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12">
<div class="file-field input-field">
<div class="btn">
<span>{{ add_job_form.files.label.text }}</span>
{{ add_job_form.files(accept='image/jpeg, image/png, image/tiff') }}
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
{% for error in add_job_form.files.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 hide">
<div class="input-field">
<i class="material-icons prefix">apps</i>
{{ add_job_form.version() }}
{{ add_job_form.version.label }}
{% for error in add_job_form.version.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="card-action right-align">
<button class="btn waves-effect waves-light" id="submit" name="submit" type="submit">Submit<i class="material-icons right">send</i></button>
</div>
</form>
<div class="card-action right-align">
<button class="btn waves-effect waves-light" id="submit" name="submit" type="submit">Submit<i class="material-icons right">send</i></button>
</div>
</form>
</div>
</div>
</div>
<div class="col hide-on-small-only m3 l2">
{% include 'services/roadmap.html.j2' %}
</div>
<div id="progress-modal" class="modal">
<div class="modal-content">
<h4><i class="material-icons prefix">file_upload</i> Uploading files for <span class="title"></span></h4>