79 lines
2.4 KiB
HTML
79 lines
2.4 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>{% block title %}Help!{% endblock %} – Helfer*innen</title>
|
|
<link rel="icon" href="{% static 'tonkakt.svg' %}" sizes="any" type="image/svg+xml">
|
|
<link rel="stylesheet" href="{% static 'bulma.min.css' %}">
|
|
<link rel="stylesheet" href="{% static 'bulma-prefers-dark.min.css' %}">
|
|
<style>
|
|
@font-face {
|
|
font-family: "Maven Pro";
|
|
src: url("{% static 'MavenPro-VariableFont:wght.ttf' %}");
|
|
}
|
|
|
|
* {
|
|
font-family: "Maven Pro", sans-serif !important;
|
|
}
|
|
|
|
:root {
|
|
--background: #fff;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #17181c;
|
|
}
|
|
}
|
|
</style>
|
|
<script>
|
|
window.addEventListener('load', () => {
|
|
const max = document.body.scrollHeight - window.innerHeight;
|
|
let current = 0;
|
|
let interval;
|
|
|
|
window.scrollTo({top: 0});
|
|
|
|
if (max > 0) {
|
|
setTimeout(() => {
|
|
interval = setInterval(() => {
|
|
current += 1;
|
|
|
|
window.scrollTo({top: current});
|
|
|
|
if (window.scrollY >= max) {
|
|
clearInterval(interval);
|
|
setTimeout(() => {
|
|
window.location.reload();
|
|
}, 5000)
|
|
}
|
|
}, 20);
|
|
}, 5000)
|
|
}
|
|
|
|
setTimeout(window.location.reload, 120 * 1000)
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<section class="section">
|
|
<div class="container">
|
|
<table class="table">
|
|
<tbody>
|
|
{% for shift in shifts %}
|
|
<tr>
|
|
<td>{{shift.start_at}}</td>
|
|
<td>{{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }}</td>
|
|
<td>{{shift.room.name}} </td>
|
|
<td><b>{%for item in shift.teambackup_set.all%}{{item.name}}, {%empty%}</b> <div class="has-text-danger">unbesetzt</div> <b>{%endfor%}</b></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|