azube/core/templates/index.html

45 lines
1.2 KiB
HTML
Raw Normal View History

2024-12-02 16:49:45 +01:00
<html>
2024-12-04 09:37:01 +01:00
<head>
<title>Azube</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
{{ user.display_name }}
2024-12-02 16:49:45 +01:00
2024-12-04 09:37:01 +01:00
<div class="bg-gray-100">
<h1 class="text-2xl justify-center flex pt-5">Deine Berichtshefte</h1>
2024-12-02 16:49:45 +01:00
2024-12-04 09:37:01 +01:00
{% if reports|length == 0 %}
<h3>wau, such empty!</h3>
<button onclick="location = '/write'" class="{{ style.red_btn }}">
Füge dein erstes Berichtsheft hinzu!
</button>
{% else %}
2024-12-02 16:49:45 +01:00
2024-12-04 09:37:01 +01:00
<div
class="min-h-screen flex items-center justify-center grid grid-cols-5"
>
2024-12-02 16:49:45 +01:00
{% for report in reports %}
2024-12-03 15:15:45 +01:00
2024-12-04 09:37:01 +01:00
<a href="/report/{{ report.id }}" class="{{ style.card }}">
{% if approved %}
<div
class="absolute top-0 right-0 translate-y-3 -translate-x-3 bg-green-500 text-white rounded-full w-6 h-6 flex items-center justify-center scale-[1.5]"
>
</div>
{% endif %} {{ report }}
</a>
2024-12-03 15:15:45 +01:00
2024-12-04 09:37:01 +01:00
{% if forloop.last %} {% if report.week != week_now %}
<button onclick="location = '/write'" class="{{ style.red_btn }}">
Berichtsheft schreiben
</button>
{% endif %} {% endif %} {% endfor %} {% endif %}
</div>
</div>
</body>
</html>