feat: added comment function and new home page

This commit is contained in:
2025-05-03 12:06:04 +02:00
parent 828b39a449
commit 15f980d0b5
5 changed files with 156 additions and 24 deletions

View File

@@ -1,5 +1,5 @@
{% block content %}
<style>
<style>
.ticket-container {
max-width: 700px;
margin: 2rem auto;
@@ -31,44 +31,93 @@
font-size: 0.9rem;
color: #666;
}
</style>
<div class="ticket-container">
.comment {
margin: 1rem 0;
padding: 1rem;
border-left: 4px solid #007bff;
background: #f0f4ff;
border-radius: 4px;
}
.comment-form textarea {
width: 100%;
padding: 0.5rem;
border-radius: 4px;
border: 1px solid #ccc;
}
.comment-form button {
margin-top: 0.5rem;
background: #007bff;
color: white;
padding: 0.5rem 1rem;
border: none;
border-radius: 4px;
}
</style>
<div class="ticket-container">
<h1>🎫 Ticket #{{ ticket.id }} {{ ticket.title }}</h1>
<p style="text-align: right;">
<a href="{% url 'modify' ticket.pk %}" style="text-decoration: none; font-weight: bold;">✏️ Dieses Ticket bearbeiten</a>
<a href="{% url 'modify' ticket.pk %}" style="text-decoration: none; font-weight: bold;">✏️ Dieses Ticket
bearbeiten</a>
</p>
<div class="ticket-attribute">
<strong>Status:</strong> {{ ticket.get_status_display }}
<strong>Status:</strong> {{ ticket.get_status_display }}
</div>
<div class="ticket-attribute">
<strong>Priorität:</strong> {{ ticket.get_priority_display }}
<strong>Priorität:</strong> {{ ticket.get_priority_display }}
</div>
<div class="ticket-attribute">
<strong>Beschreibung:</strong><br>
<div style="margin-top: 0.5rem;">{{ ticket.description }}</div>
<strong>Beschreibung:</strong><br>
<div style="margin-top: 0.5rem;">{{ ticket.description }}</div>
</div>
<div class="ticket-attribute">
<strong>Erstellt von:</strong> {{ ticket.created_by.username }}
<strong>Erstellt von:</strong> {{ ticket.created_by.username }}
</div>
<div class="ticket-attribute">
<strong>Bearbeitet von:</strong>
{% if ticket.assigned_to %}
<strong>Zugewiesen an:</strong>
{% if ticket.assigned_to %}
{{ ticket.assigned_to.username }}
{% else %}
{% else %}
<em>Niemand zugewiesen</em>
{% endif %}
{% endif %}
</div>
<div class="ticket-meta">
🕒 Erstellt am: {{ ticket.created_at|date:"d.m.Y H:i" }}<br>
🔄 Aktualisiert: {{ ticket.updated_at|date:"d.m.Y H:i" }}
🕒 Erstellt am: {{ ticket.created_at|date:"d.m.Y H:i" }}<br>
🔄 Aktualisiert: {{ ticket.updated_at|date:"d.m.Y H:i" }}
</div>
</div>
{% endblock %}
</div>
<div class="ticket-container" style="margin-top: 2rem;">
<h2>💬 Kommentare</h2>
{% if ticket.comments.exists %}
{% for comment in ticket.comments.all %}
<div class="comment">
<p><strong>{{ comment.author.username }}</strong> am {{ comment.created_at|date:"d.m.Y H:i" }}</p>
<p>{{ comment.text }}</p>
</div>
{% endfor %}
{% else %}
<p>Keine Kommentare vorhanden.</p>
{% endif %}
{% if user.is_authenticated %}
<h3>📝 Neuen Kommentar schreiben</h3>
<form method="post">
{% csrf_token %}
{{ form.as_p }}
<button type="submit">Absenden</button>
</form>
{% endif %}
</div>
{% endblock %}

View File

@@ -0,0 +1,44 @@
{% block content %}
<style>
.home-container {
max-width: 800px;
margin: 3rem auto;
text-align: center;
font-family: sans-serif;
}
.home-container h1 {
font-size: 2rem;
margin-bottom: 1rem;
}
.actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
margin-top: 2rem;
}
.actions a {
padding: 1rem 2rem;
background: #007bff;
color: white;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
transition: background 0.2s ease;
}
.actions a:hover {
background: #0056b3;
}
</style>
<div class="home-container">
<h1>Willkommen im Korrekturmanagementsystem 🎫</h1>
<p>Was möchten Sie tun?</p>
<div class="actions">
<a href="{% url 'ticket-list' %}">📄 Alle Tickets anzeigen</a>
<a href="{% url 'create' %}"> Neues Ticket erstellen</a>
<a href="{% url 'ticket-list' %}?status=open">📂 Offene Tickets</a>
</div>
</div>
{% endblock %}