jmarya/azube
jmarya/azube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

work done

Browse source
This commit is contained in:
Angelo Rodriguez 2024-12-04 16:36:57 +01:00
parent 4b496a7d4f
commit 43fe9aea31
7 changed files with 125 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

5
core/templates/header.html Executable file
View file

@ -0,0 +1,5 @@
<header class="w-full bg-red-600 text-white py-4 shadow-md">
<div class="max-w-4xl {% if center is None or center %}mx-auto{% endif %} px-4">
<h1 class="text-2xl font-bold {% if center is None or center %}{% else %}ml-5{% endif %}">{{ title }}</h1>
</div>
</header>

2
core/templates/htmx/reports.html
View file

@ -3,7 +3,7 @@
{% include 'component/report.html' with report=report %}
{% endfor %}
{% endfor %}
<div hx-get="/reports?page={{ next }}"
hx-trigger="revealed"

7
core/templates/index.html
View file

@ -3,11 +3,14 @@
<title>Azube</title>
{% include 'head.html' %}
</head>
<body>
<body class="bg-gray-100 min-h-screen">
{% include 'header.html' with title="Deine Berichtshefte" center=False %}
<div class="bg-gray-100 min-h-screen">
<h1 class="text-2xl justify-center flex pt-5">Deine Berichtshefte</h1>
{% if late_reports > 1 %}
<div class="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4 mr-10 ml-10 mt-6" role="alert">
<p class="font-bold"> Du bist nicht aktuell! </p>
<p> Du hast noch {{ late_reports }} Berichtshefte nachzuschreiben. </p>

45
core/templates/report.html
View file

@ -3,17 +3,36 @@
<title> Berichtsheft {{ report.num }} </title>
{% include 'head.html' %}
</head>
<body>
<h1> Berichtsheft {{ report.num }} </h1>
<p> Berichtsheft {{ report.year }} / {{ report.week }} </p>
<p> Is Approved ? {{ report.is_approved }} </p>
{% for key, value in report.content.items %}
<p> {{ key }} : {{ value }} </p>
{% endfor %}
</body>
<body class="bg-gray-50 text-gray-800 font-sans min-h-screen flex flex-col items-center">
{% with title="Berichtsheft "|add:report.num %}
{% include 'header.html' with title="Berichtsheft" %}
{% endwith %}
<main class="flex-grow w-full max-w-4xl mx-auto p-6 bg-white shadow-lg rounded-lg mt-6">
<div class="mb-4">
<p class="text-lg font-medium text-gray-700">
Berichtsheft <span class="font-semibold">{{ report.year }}</span> / <span class="font-semibold">{{ report.week }}</span>
</p>
<p class="text-gray-700">
Is Approved?
<span class="{% if report.is_approved %}text-green-500 font-semibold{% else %}text-red-500 font-semibold{% endif %}">
{{ report.is_approved }}
</span>
</p>
</div>
<div class="border-t border-gray-200 mt-4 pt-4">
<h2 class="text-lg font-medium text-gray-800 mb-2">Content:</h2>
<dl class="space-y-2">
{% for key, value in report.content.items %}
<div class="flex justify-between items-start">
<dt class="text-sm font-medium text-gray-600">{{ key }}</dt>
<dd class="text-sm text-gray-800">{{ value }}</dd>
</div>
{% endfor %}
</dl>
</div>
</main>
</body>
</html>

43
core/templates/write.html
View file

@ -3,19 +3,42 @@
<title>Neues Berichtsheft</title>
{% include 'head.html' %}
</head>
<body>
<h1>Neues Berichtsheft</h1>
<body class="bg-gray-50 text-gray-800 font-sans min-h-screen flex flex-col items-center">
<p>{{ user.display_name }}</p>
<p>Berichtsheft {{ year }} / {{ week }}</p>
<p>Von: {{ start_date|date:"d.m.Y" }} bis: {{ end_date|date:"d.m.Y" }}</p>
{% include 'header.html' with title="Neues Berichtsheft" %}
<form method="post">
{{ form }}
<main class="flex-grow w-full max-w-4xl mx-auto p-6 bg-white shadow-lg rounded-lg mt-6">
<div class="mb-6">
<p class="text-lg font-medium">{{ user.display_name }}</p>
<p class="text-gray-600">
Berichtsheft <span class="font-semibold">{{ year }}</span> / <span class="font-semibold">{{ week }}</span>
</p>
<p class="text-gray-600">
Von: <span class="font-semibold">{{ start_date|date:"d.m.Y" }}</span> bis: <span class="font-semibold">{{ end_date|date:"d.m.Y" }}</span>
</p>
</div>
<button>Submit</button>
<form method="post" class="space-y-4">
{% for field in form %}
<div class="mb-4">
<label for="{{ field.id_for_label }}">
{{ field.label|safe }}
</label>
{{ field }}
{% if field.errors %}
<p class="text-red-500 text-sm">{{ field.errors|join:", " }}</p>
{% endif %}
</div>
{% endfor %}
{% csrf_token %}
</form>
{% csrf_token %}
<button
type="submit"
class="w-full bg-red-600 text-white py-2 px-4 rounded-lg shadow hover:bg-red-700 focus:ring focus:ring-red-400">
Submit
</button>
</form>
</main>
</body>
</html>