54 lines
3.0 KiB
HTML
54 lines
3.0 KiB
HTML
{% extends "ticketsystem/base.html" %}
|
||
{% block content %}
|
||
<div class="max-w-6xl mx-auto px-4 py-12">
|
||
<!-- Header -->
|
||
<div class="text-center mb-12">
|
||
<div class="text-6xl mb-4">🎫</div>
|
||
<h1 class="text-4xl font-bold text-gray-900 mb-4">Willkommen im Ticketsystem</h1>
|
||
<p class="text-lg text-gray-600 mb-2">Verwalte deine Aufgaben und Tickets effizient</p>
|
||
<p class="text-gray-500">Was möchten Sie tun?</p>
|
||
</div>
|
||
<!-- Quick Actions -->
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
|
||
<!-- Alle Tickets -->
|
||
<a href="{% url 'ticket-list' %}"
|
||
class="bg-white rounded-lg shadow-md p-6 text-center hover:shadow-lg transition-shadow duration-200 border border-gray-200">
|
||
<div class="text-3xl mb-3">📄</div>
|
||
<h3 class="text-lg font-bold text-gray-900 mb-2">Alle Tickets</h3>
|
||
<p class="text-sm text-gray-600">Übersicht aller Tickets anzeigen</p>
|
||
</a>
|
||
<!-- Neues Ticket -->
|
||
<a href="{% url 'create' %}"
|
||
class="bg-green-50 rounded-lg shadow-md p-6 text-center hover:shadow-lg transition-shadow duration-200 border border-green-200">
|
||
<div class="text-3xl mb-3">➕</div>
|
||
<h3 class="text-lg font-bold text-green-800 mb-2">Neues Ticket</h3>
|
||
<p class="text-sm text-green-600">Ein neues Ticket erstellen</p>
|
||
</a>
|
||
<!-- Offene Tickets -->
|
||
<a href="{% url 'ticket-list' %}?status=new"
|
||
class="bg-blue-50 rounded-lg shadow-md p-6 text-center hover:shadow-lg transition-shadow duration-200 border border-blue-200">
|
||
<div class="text-3xl mb-3">📂</div>
|
||
<h3 class="text-lg font-bold text-blue-800 mb-2">Offene Tickets</h3>
|
||
<p class="text-sm text-blue-600">Nur offene Tickets anzeigen</p>
|
||
</a>
|
||
</div>
|
||
<div class="bg-gray-50 rounded-lg p-6 text-center">
|
||
<h2 class="text-xl font-bold text-gray-900 mb-4">📊 Übersicht</h2>
|
||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||
<div class="text-2xl font-bold text-blue-600 mb-1">{{ total_tickets|default:"0" }}</div>
|
||
<div class="text-sm text-gray-600">Tickets insgesamt</div>
|
||
</div>
|
||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||
<div class="text-2xl font-bold text-red-600 mb-1">{{ open_tickets|default:"0" }}</div>
|
||
<div class="text-sm text-gray-600">Offene Tickets</div>
|
||
</div>
|
||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||
<div class="text-2xl font-bold text-green-600 mb-1">{{ closed_tickets|default:"0" }}</div>
|
||
<div class="text-sm text-gray-600">Erledigte Tickets</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|