mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2024-12-24 10:34:17 +00:00
Add merge images functionality.
This commit is contained in:
Patrick Jentsch
parent
0b0838f6e0
commit
a7e94b8c9b
@ -69,7 +69,14 @@ class AddOCRJobForm(FlaskForm):
|
|||||||
|
|
||||||
|
|
||||||
class AddMergeImagesJobForm(FlaskForm):
|
class AddMergeImagesJobForm(FlaskForm):
|
||||||
|
description = StringField('Description',
|
||||||
|
validators=[DataRequired(), Length(1, 255)])
|
||||||
|
submit = SubmitField()
|
||||||
|
title = StringField('Title', validators=[DataRequired(), Length(1, 32)])
|
||||||
files = MultipleFileField('Files', validators=[DataRequired()])
|
files = MultipleFileField('Files', validators=[DataRequired()])
|
||||||
|
version = SelectField('Version',
|
||||||
|
choices=[('latest', 'Latest')],
|
||||||
|
validators=[DataRequired()])
|
||||||
|
|
||||||
def validate_files(form, field):
|
def validate_files(form, field):
|
||||||
for file in field.data:
|
for file in field.data:
|
||||||
|
|||||||
@ -135,6 +135,7 @@
|
|||||||
<li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
|
<li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
|
||||||
<li><div class="divider"></div></li>
|
<li><div class="divider"></div></li>
|
||||||
<li><a class="subheader">Services</a></li>
|
<li><a class="subheader">Services</a></li>
|
||||||
|
<li><a href="{{ url_for('services.service', service='merge_images') }}"><i class="material-icons">burst_mode</i>Merge images</a></li>
|
||||||
<li><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
|
<li><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
|
||||||
<li><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
|
<li><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
|
||||||
{% if current_user.is_administrator() %}
|
{% if current_user.is_administrator() %}
|
||||||
|
|||||||
114
app/templates/services/merge_images.html.j2
Normal file
114
app/templates/services/merge_images.html.j2
Normal file
@ -0,0 +1,114 @@
|
|||||||
|
{% extends "limited_width.html.j2" %}
|
||||||
|
|
||||||
|
{% block page_content %}
|
||||||
|
<div class="col s12 m4">
|
||||||
|
<h3>Description</h3>
|
||||||
|
<p>To use the <a href="{{ url_for('services.service', service='ocr') }}">OCR</a> service offered here, the input data provided for this purpose must be available either as PDF or multipage TIFF files. However, image files are usually only available as PNG, JPEG or singlepage TIFF files. This service converts the uploaded image files into the correct file format for the <a href="{{ url_for('services.service', service='ocr') }}">OCR</a> service.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col s12 m8">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m6">
|
||||||
|
<div class="card z-depth-0">
|
||||||
|
<div class="card-content">
|
||||||
|
<span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">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>
|
||||||
|
</div>
|
||||||
|
<div class="col s12 m6">
|
||||||
|
<div class="card z-depth-0">
|
||||||
|
<div class="card-content">
|
||||||
|
<span class="card-title"><i class="material-icons blue-grey-text text-darken-2 left">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>
|
||||||
|
|
||||||
|
<div class="col s12">
|
||||||
|
<h3>Submit a job</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col s12">
|
||||||
|
<div class="card">
|
||||||
|
<form method="POST" enctype="multipart/form-data" id="add-job-form">
|
||||||
|
<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>
|
||||||
|
<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 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 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>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="determinate" style="width: 0%"></div>
|
||||||
|
</div>
|
||||||
|
<p><span class="progress-in-percent"></span> uploaded</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<a href="#!" class="modal-close waves-effect waves-green btn red cancel">Cancel</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
initAddJobForm(document.getElementById("add-job-form"),
|
||||||
|
document.getElementById("progress-modal"));
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
Loading…
Reference in New Issue
Block a user