You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
kmftools/delfland/ppo-insight/templates/index.html

46 lines
1.9 KiB

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bestand Uploaden</title>
<!-- Bootstrap CSS toevoegen -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<div class="container mt-5">
<h1>Upload een bestand</h1>
<!-- Flash-meldingen weergeven -->
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="alert alert-dismissible fade show mt-3" role="alert">
{% for category, message in messages %}
<div class="alert alert-{{ category }} d-flex justify-content-between align-items-center">
<span>{{ message|safe }}</span>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endfor %}
</div>
{% endif %}
{% endwith %}
<!-- Upload formulier -->
<form action="/" method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="file">Kies een bestand:</label>
<input type="file" name="file" id="file" class="form-control" required>
</div>
<button type="submit" class="btn btn-primary">Uploaden</button>
</form>
</div>
<!-- Bootstrap JS toevoegen -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>