Paul/korrekturmanagementsystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: reformatted some templates and new filter for TicketListView

Browse Source
This commit is contained in:
Paul
2025-05-28 23:17:36 +02:00
parent 84ac0c1bac
commit 49e8a794af
5 changed files with 334 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
ticketsystem/templates/registration/login.html
View File

@@ -1,56 +1,60 @@
{% load static %}
{% block content %}
<style>
.login-container {
max-width: 400px;
margin: 4rem auto;
padding: 2rem;
border: 1px solid #ccc;
border-radius: 8px;
background: #f9f9f9;
font-family: sans-serif;
}
.login-container h2 {
text-align: center;
margin-bottom: 1.5rem;
}
.login-container label {
display: block;
margin-top: 1rem;
}
.login-container input {
width: 100%;
padding: 0.5rem;
margin-top: 0.3rem;
border: 1px solid #bbb;
border-radius: 4px;
}
.login-container button {
margin-top: 1.5rem;
width: 100%;
padding: 0.6rem;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
font-weight: bold;
}
.login-container .errorlist {
color: red;
margin-top: 1rem;
}
</style>
<div class="login-container">
<h2>🔐 Login</h2>
<form method="post">
{% csrf_token %}
{{ form.as_p }}
<button type="submit">Anmelden</button>
</form>
</div>
<!DOCTYPE html>
<head>
<link href="{% static 'css/tailwind.css' %}" rel="stylesheet">
</head>
<div class="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4">
<div class="max-w-md w-full space-y-8">
<div class="text-center">
<div class="text-6xl mb-4">🔐</div>
<h2 class="text-3xl font-bold text-gray-900 mb-2">Anmelden</h2>
<p class="text-gray-600 mb-8">Melde dich in deinem Ticketsystem an</p>
</div>
<div class="bg-white rounded-lg shadow-md p-8">
<form method="post" class="space-y-6">
{% csrf_token %}
<!-- Form Errors -->
{% if form.non_field_errors %}
<div class="bg-red-100 border border-red-200 rounded p-3">
{% for error in form.non_field_errors %}<div class="text-red-700 text-sm">{{ error }}</div>{% endfor %}
</div>
{% endif %}
<div>
<label for="id_username"
class="block text-sm font-medium text-gray-700 mb-1">Benutzername:</label>
<input type="text"
name="username"
id="id_username"
value="{{ form.username.value|default:'' }}"
required
class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
placeholder="Gib deinen Benutzernamen ein">
</div>
<div>
<label for="id_password"
class="block text-sm font-medium text-gray-700 mb-1">Passwort:</label>
<input type="password"
name="password"
id="id_password"
required
class="w-full p-3 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
placeholder="Gib dein Passwort ein">
</div>
<div>
<button type="submit"
class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
🚀 Anmelden
</button>
</div>
</form>
<div class="mt-6 text-center">
<p class="text-sm text-gray-600">
Noch keinen Account?
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium">Kontaktiere uns</a>
</p>
</div>
</div>
</div>
</div>
{% endblock %}