47 lines
1.3 KiB
HTML
47 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<style>
|
|
body {
|
|
background-color: #303030;
|
|
color: white;
|
|
}
|
|
</style>
|
|
<meta charset="UTF-8">
|
|
<title>Pannenkoekenwachtrij</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Welkom bij de pannenkoekenwachtrij</h1>
|
|
|
|
<form action="/addPerson" method="POST">
|
|
<p>Naam van de volgende <input type="text" name="name"></p>
|
|
<p>Specifieke opmerkingen <input type="text" name="remark"></p>
|
|
<p><input type="submit" value="Persoon toevoegen"></p>
|
|
</form>
|
|
|
|
<form action="/statusUpdate" method="POST">
|
|
<p>Up te daten persoon <input type="text" name="name"></p>
|
|
<p><input type="submit" value="Updaten"></p>
|
|
</form>
|
|
|
|
<h2>Zie hieronder de lijst van personen die een pannenkoek willen</h2>
|
|
<h3>Volgende Persoon:</h3>
|
|
{% if people %}
|
|
<tr>
|
|
<th>{{ people[0].getName() + people[0].getRemark() + ": " }}</th>
|
|
<td>{{ "Huidige status: " + people[0].getStatus() }}</td>
|
|
</tr>
|
|
{% endif %}
|
|
<h3>Andere Personen:</h3>
|
|
<table>
|
|
{% for person in people[1:] %}
|
|
<tr>
|
|
<th>{{ person.getName() + person.getRemark() + ": " }}</th>
|
|
<td>{{ "Huidige status: " + person.getStatus() }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</header>
|
|
</body>
|
|
</html>
|