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/resultaat.html

89 lines
3.4 KiB

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resultaat</title>
<!-- Bootstrap CSS toevoegen -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<style>
/* Verklein de fontgrootte en de padding van de tabel */
.table-sm th, .table-sm td {
padding: 0.3rem;
font-size: 0.85rem; /* Verklein de tekst */
}
</style>
</head>
<body>
<div class="container mt-5">
<h1>Resultaten van de query</h1>
<!-- Link terug naar uploadpagina -->
<a href="{{ url_for('upload_file') }}" class="btn btn-secondary mt-3">Terug naar upload</a>
<!-- Formulier voor het instellen van x -->
<form method="POST" class="mt-3">
<div class="form-group">
<label for="x">Aantal jaren vooruitkijken (x):</label>
<input type="number" id="x" name="x" value="{{ x }}" min="1" class="form-control w-auto d-inline">
<button type="submit" class="btn btn-primary">Update</button>
</div>
</form>
<a href="{{ url_for('download_excel', x=x) }}" class="btn btn-success">
Download als Excel ({{ x }} jaar)
</a>
<!-- Resultaat Tabel -->
<table class="table table-sm table-bordered table-striped mt-3">
<thead class="thead-dark">
<tr>
<th>Object_code</th>
<th>Object_omschrijving</th>
<th>Afdeling_object</th>
<th>PO_Code</th>
<th>Omschrijving_PO</th>
<th>Vervaldatum</th>
<th>Frequentie</th>
<th>UOM</th>
<th>PO_schema_Niet_gebruikt</th>
<th>Cluster</th>
<th>Locatie</th>
<th>Locatie_omschrijving</th>
<th>Klasse_object</th>
<th>Categorie</th>
</tr>
</thead>
<tbody>
{% for row in result %}
<tr>
<td>{{ row['Object_code'] }}</td>
<td>{{ row['Object_omschrijving'] }}</td>
<td>{{ row['Afdeling_object'] }}</td>
<td>{{ row['PO_Code'] }}</td>
<td>{{ row['Omschrijving_PO'] }}</td>
<td>{{ row['Vervaldatum'] }}</td>
<td>{{ row['Frequentie'] }}</td>
<td>{{ row['UOM'] }}</td>
<td>{{ row['PO_schema_Niet_gebruikt'] }}</td>
<td>{{ row['Cluster'] }}</td>
<td>{{ row['Locatie'] }}</td>
<td>{{ row['Locatie_omschrijving'] }}</td>
<td>{{ row['Klasse_object'] }}</td>
<td>{{ row['Categorie'] }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</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>