Skip to content
Snippets Groups Projects
Commit 4de2fdf6 authored by Patrick Jentsch's avatar Patrick Jentsch
Browse files

Simplify template

parent e611a15a
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 424 additions and 412 deletions
app/templates/jobs/job.html.j2
+ 2
− 1
View file @ 4de2fdf6
......@@ -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">
......
app/templates/main/index.html.j2
+ 0
− 6
View file @ 4de2fdf6
......@@ -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="">
......
app/templates/nopaque.html.j2
+ 19
− 46
View file @ 4de2fdf6
......@@ -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>
</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>
<h2>{% if title %}{{ title }}{% else %}Unnamed page{% endif %}</h2>
</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">
......
app/templates/services/corpus_analysis.html.j2
+ 55
− 49
View file @ 4de2fdf6
......@@ -4,65 +4,71 @@
{% 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>
<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 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>
<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 class="col hide-on-small-only m3 l2">
{% include 'services/roadmap.html.j2' %}
</div>
<script>
var corpusList = new RessourceList("corpora", nopaque.corporaSubscribers,
"corpus", {page: 10});
......
app/templates/services/nlp.html.j2
+ 98
− 92
View file @ 4de2fdf6
......@@ -4,118 +4,124 @@
{% 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>
<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 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>
<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 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>
<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 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>
<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 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 class="file-path-wrapper">
<input class="file-path validate" type="text">
</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>
{% 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 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="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 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>
</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>
</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>
......
app/templates/services/ocr.html.j2
+ 161
− 155
View file @ 4de2fdf6
......@@ -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 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>
<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 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 class="file-path-wrapper">
<input class="file-path validate" type="text">
</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>
<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>
{% 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 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 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 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>
<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"><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>
......
app/templates/services/roadmap.html.j2 0 → 100644
+ 20
− 0
View file @ 4de2fdf6
<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>
app/templates/services/setup_files.html.j2
+ 69
− 63
View file @ 4de2fdf6
......@@ -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 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>
<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 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 class="file-path-wrapper">
<input class="file-path validate" type="text">
</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>
{% 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 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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment