mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2024-11-15 01:05:42 +00:00
Simplify template
This commit is contained in:
Patrick Jentsch
parent
e611a15aac
commit
4de2fdf6d8
@ -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">
|
||||
|
||||
@ -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="">
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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"> </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"> </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"> </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"> </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"> </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"> </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>
|
||||
|
||||
@ -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"> </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"> </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"> </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"> </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"> </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"> </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">
|
||||
|
||||
@ -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"> </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"> </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"> </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 "AntConc"."><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"> </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"> </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"> </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 "AntConc"."><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> </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> </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>–</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>–</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
20
app/templates/services/roadmap.html.j2
Normal 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>
|
||||
@ -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"> </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"> </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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user