feat: added create ticket site

ticketsystem/templates/ticketsystem/detail.html

@@ -0,0 +1,70 @@
+{% block content %}
+  <style>
+    .ticket-container {
+      max-width: 700px;
+      margin: 2rem auto;
+      padding: 2rem;
+      border: 1px solid #ddd;
+      border-radius: 8px;
+      background-color: #fafafa;
+      font-family: sans-serif;
+    }
+
+    .ticket-container h1 {
+      margin-bottom: 1rem;
+      font-size: 1.8rem;
+      color: #333;
+    }
+
+    .ticket-attribute {
+      margin-bottom: 1rem;
+    }
+
+    .ticket-attribute strong {
+      display: inline-block;
+      width: 150px;
+      color: #555;
+    }
+
+    .ticket-meta {
+      margin-top: 2rem;
+      font-size: 0.9rem;
+      color: #666;
+    }
+  </style>
+
+  <div class="ticket-container">
+    <h1>🎫 Ticket #{{ ticket.id }} – {{ ticket.title }}</h1>
+
+    <div class="ticket-attribute">
+      <strong>Status:</strong> {{ ticket.get_status_display }}
+    </div>
+
+    <div class="ticket-attribute">
+      <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>
+    </div>
+
+    <div class="ticket-attribute">
+      <strong>Erstellt von:</strong> {{ ticket.created_by.username }}
+    </div>
+
+    <div class="ticket-attribute">
+      <strong>Bearbeitet von:</strong>
+      {% if ticket.assigned_to %}
+        {{ ticket.assigned_to.username }}
+      {% else %}
+        <em>Niemand zugewiesen</em>
+      {% 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" }}
+    </div>
+  </div>
+{% endblock %}

ticketsystem/templates/ticketsystem/index.html

@@ -0,0 +1,77 @@
+{% block content %}
+  <style>
+    .ticket-list-container {
+      max-width: 700px;
+      margin: 2rem auto;
+      padding: 2rem;
+      border: 1px solid #ddd;
+      border-radius: 8px;
+      background-color: #fafafa;
+      font-family: sans-serif;
+    }
+
+    .ticket-list-container h1 {
+      margin-bottom: 1.5rem;
+      font-size: 1.8rem;
+      color: #333;
+    }
+
+    .ticket-item {
+      padding: 1rem;
+      border-bottom: 1px solid #ccc;
+    }
+
+    .ticket-item:last-child {
+      border-bottom: none;
+    }
+
+    .ticket-item a {
+      text-decoration: none;
+      color: #007bff;
+      font-weight: bold;
+    }
+
+    .ticket-item a:hover {
+      text-decoration: underline;
+    }
+
+    .ticket-meta {
+      font-size: 0.9rem;
+      color: #666;
+      margin-top: 0.3rem;
+    }
+  </style>
+
+  <div class="ticket-list-container">
+    <h1>🎫 Alle Tickets</h1>
+
+    <p style="text-align: right;">
+      <a href="{% url 'create' %}" style="text-decoration: none; font-weight: bold;">➕ Neues Ticket</a>
+    </p>
+
+    <form method="get" style="margin-bottom: 1rem;">
+      <label for="status">🔍 Filtern nach Status:</label>
+      <select name="status" id="status" onchange="this.form.submit()">
+        <option value="">Alle</option>
+        <option value="open" {% if selected_status == "open" %}selected{% endif %}>Offen</option>
+        <option value="in_progress" {% if selected_status == "in_progress" %}selected{% endif %}>In Bearbeitung</option>
+        <option value="closed" {% if selected_status == "closed" %}selected{% endif %}>Erledigt</option>
+      </select>
+    </form>
+
+    {% for ticket in tickets %}
+      <div class="ticket-item">
+        <a href="{% url 'detail' ticket.pk %}">
+          #{{ ticket.id }} – {{ ticket.title }}
+        </a>
+        <div class="ticket-meta">
+          Status: {{ ticket.get_status_display }} |
+          Priorität: {{ ticket.get_priority_display }} |
+          Angelegt am {{ ticket.created_at|date:"d.m.Y H:i" }}
+        </div>
+      </div>
+    {% empty %}
+      <p>Es sind derzeit keine Tickets vorhanden.</p>
+    {% endfor %}
+  </div>
+{% endblock %}

ticketsystem/templates/ticketsystem/ticket_form.html

@@ -0,0 +1,57 @@
+{% block content %}
+  <style>
+    .form-container {
+      max-width: 600px;
+      margin: 2rem auto;
+      padding: 2rem;
+      background: #f9f9f9;
+      border-radius: 8px;
+      border: 1px solid #ddd;
+      font-family: sans-serif;
+    }
+
+    .form-container h1 {
+      margin-bottom: 1rem;
+    }
+
+    .form-container form {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .form-container label {
+      margin-top: 1rem;
+      font-weight: bold;
+    }
+
+    .form-container input, .form-container select, .form-container textarea {
+      padding: 0.5rem;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      margin-top: 0.3rem;
+    }
+
+    .form-container button {
+      margin-top: 2rem;
+      padding: 0.7rem;
+      background-color: #007bff;
+      color: white;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+    }
+
+    .form-container button:hover {
+      background-color: #0056b3;
+    }
+  </style>
+
+  <div class="form-container">
+    <h1>🎫 Neues Ticket erstellen</h1>
+    <form method="post">
+      {% csrf_token %}
+      {{ form.as_p }}
+      <button type="submit">Erstellen</button>
+    </form>
+  </div>
+{% endblock %}