83 lines
2.8 KiB
HTML
83 lines
2.8 KiB
HTML
{% extends "base.html" %}
|
|
{% import "bootstrap/wtf.html" as wtf %}
|
|
|
|
|
|
{% block head %}
|
|
{{ super() }}
|
|
{% if filename is defined %}
|
|
<meta http-equiv="refresh" content="0;URL='{{ url_for('download_file', filename=filename) }}'" />
|
|
{% endif %}
|
|
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
|
|
{% endblock %}
|
|
|
|
{% block page_header %}
|
|
<h1>Sendungsmitschnitt herunterladen</h1>
|
|
{% endblock %}
|
|
|
|
{% block app_content %}
|
|
<div class="row">
|
|
<div class="col col-xs-12 col-sm-6 col-md-4">
|
|
<div class='well'>
|
|
|
|
<form class="form" method="post" role="form" novalidate>
|
|
|
|
{{ form.hidden_tag() }}
|
|
|
|
{{ wtf.form_errors(form, hiddens="only") }}
|
|
|
|
<div class="form-group required {% if form.start_time.errors %}has-error{% endif -%}">
|
|
{{ form.start_time.label(class_="control-label") }}
|
|
<div class='input-group' id='start_time_group'>
|
|
<input name='start_time' id='start_time_' class="form-control"
|
|
placeholder="{{ form.start_time.format }}"
|
|
{% if form.start_time.data %}
|
|
value="{{ form.start_time.data.strftime(form.start_time.format) }}"
|
|
{% endif %}
|
|
/>
|
|
<span class="input-group-addon">
|
|
<span class="glyphicon glyphicon-calendar"></span>
|
|
</span>
|
|
</div>
|
|
{% for error in form.start_time.errors %}
|
|
<p class="help-block">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="form-group required {% if form.length.errors %}has-error{% endif -%}">
|
|
{{ form.length.label(class_="control-label") }}
|
|
{{ form.length(class_="form-control") }}
|
|
{% for error in form.length.errors %}
|
|
<p class="help-block">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="form-group required">
|
|
{{ form.submit(class_="btn btn-primary") }}
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{{ super() }}
|
|
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.min.js"></script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$('#start_time_group').datetimepicker({
|
|
locale: 'de',
|
|
format: 'DD.MM.YYYY HH:mm',
|
|
sideBySide: true
|
|
});
|
|
$(".alert-success").delay(4000).fadeOut(500, function() {
|
|
$(this).alert('close');
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %}
|