💄 un-uglify the interface

closes #8.
This commit is contained in:
neingeist 2021-12-05 20:13:54 +01:00
parent a633f506d9
commit 67449d0fad
3 changed files with 80 additions and 64 deletions

View file

@ -17,62 +17,59 @@
crossorigin="anonymous" referrerpolicy="no-referrer" />
{% endblock %}
{% block page_header %}
<h1>Sendungsmitschnitt herunterladen</h1>
{% endblock %}
{% block app_content %}
<div class="row">
<div class="col col-12 col-sm-6 col-md-6 col-lg-4">
<div class='card card-body bg-light'>
<div class="container">
<form class="form-download" method="post" role="form" novalidate>
<form method="post" role="form" novalidate>
<div class="text-center mb-4">
<h1 class="h3 mb-3 font-weight-normal">Sendungsmitschnitt herunterladen</h1>
</div>
{{ form.hidden_tag() }}
{{ form.hidden_tag() }}
{{ wtf.form_errors(form, hiddens="only") }}
{{ wtf.form_errors(form, hiddens="only") }}
<div class="form-group">
{{ form.start_time.label() }}
<div class='input-group' id='start_time_group' data-target-input="nearest">
<input name='start_time' id='start_time_'
class="form-control {{"is-invalid" if form.start_time.errors else ""}}"
type="text" data-target="#start_time_group"
placeholder="{{ form.start_time.format }}"
{% if form.start_time.data %}
value="{{ form.start_time.data.strftime(form.start_time.format) }}"
{% endif %}
required
/>
<div class="input-group-append" data-target="#start_time_group" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
</div>
{% if form.start_time.errors %}
<div class="invalid-feedback">{{ form.start_time.errors|join("<br/>")|safe }}</div>
<div class="form-group mt-5">
{{ form.start_time.label() }}
<div class='input-group' id='start_time_group' data-target-input="nearest">
<input name='start_time' id='start_time_'
class="form-control {{"is-invalid" if form.start_time.errors else ""}}"
type="text" data-target="#start_time_group"
placeholder="{{ form.start_time.format }}"
{% if form.start_time.data %}
value="{{ form.start_time.data.strftime(form.start_time.format) }}"
{% endif %}
required
/>
<div class="input-group-append" data-target="#start_time_group" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
<div class="form-group">
{{ form.length.label() }}
<div class='input-group'>
{{ form.length(class_="form-control " + ("is-invalid" if form.length.errors else "")) }}
<div class="input-group-append">
<span class="input-group-text">Minuten</span>
</div>
{% if form.length.errors %}
<div class="invalid-feedback">{{ form.length.errors|join("<br/>")|safe }}</div>
{% endif %}
</div>
</div>
{{ form.submit(class_="btn btn-primary") }}
</form>
</div>
</div>
</div>
{% if form.start_time.errors %}
<div class="invalid-feedback">{{ form.start_time.errors|join("<br/>")|safe }}</div>
{% endif %}
</div>
<div class="form-group">
{{ form.length.label() }}
<div class='input-group'>
{{ form.length(class_="form-control " + ("is-invalid" if form.length.errors else "")) }}
<div class="input-group-append">
<span class="input-group-text">Minuten</span>
</div>
{% if form.length.errors %}
<div class="invalid-feedback">{{ form.length.errors|join("<br/>")|safe }}</div>
{% endif %}
</div>
</div>
{{ form.submit(class_="btn btn-primary btn-block mt-4") }}
</form>
</div>
{% endblock %}
{% block scripts %}