Further styling for ocr job form.

This commit is contained in:
Patrick Jentsch 2019-09-23 14:10:27 +02:00
parent 4c8ab6b3c1
commit 8ba1d43f33

View File

@ -68,28 +68,17 @@
{% endfor %}
</div>
</div>
<div class="col s12 m4">
<div class="col s12 m8">
<div class="input-field">
<i class="material-icons prefix">language</i>
{{ new_ocr_job_form.language() }}
{{ new_ocr_job_form.language.label }}
{% for error in new_ocr_job_form.language.errors %}
<i class="material-icons prefix">description</i>
{{ new_ocr_job_form.description(data_length='255') }}
{{ new_ocr_job_form.description.label }}
{% for error in new_ocr_job_form.description.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>
{{ new_ocr_job_form.version() }}
{{ new_ocr_job_form.version.label }}
{% for error in new_ocr_job_form.version.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12"></div>
<div class="col s12 m6">
<div class="col s12 m5">
<div class="file-field input-field">
<div class="btn">
<span>{{ new_ocr_job_form.files.label.text }}</span>
@ -103,16 +92,27 @@
{% endfor %}
</div>
</div>
<div class="col s12 m6">
<div class="col s12 m4">
<div class="input-field">
<i class="material-icons prefix">description</i>
{{ new_ocr_job_form.description(data_length='255') }}
{{ new_ocr_job_form.description.label }}
{% for error in new_ocr_job_form.description.errors %}
<i class="material-icons prefix">language</i>
{{ new_ocr_job_form.language() }}
{{ new_ocr_job_form.language.label }}
{% for error in new_ocr_job_form.language.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12 m3">
<div class="input-field">
<i class="material-icons prefix">apps</i>
{{ new_ocr_job_form.version() }}
{{ new_ocr_job_form.version.label }}
{% for error in new_ocr_job_form.version.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
</div>
<div class="col s12"></div>
<div class="col s8 m3">
<span class="card-title">Binarization</span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempora invidunt ut</p>
@ -125,7 +125,7 @@
</label>
</div>
</div>
<div class="col s8 m3">
<div class="col s8 m3" style="border-left: 1px solid #e0e0e0;">
<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>
</div>
@ -137,7 +137,7 @@
</label>
</div>
</div>
<div class="col s8 m3">
<div class="col s8 m3" style="border-left: 1px solid #e0e0e0;">
<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>
</div>