From f6459965e0379254a9237096efe2cd72e398d382 Mon Sep 17 00:00:00 2001
From: nik8 <nik_ollech@outlook.de>
Date: Tue, 18 Mar 2025 17:22:42 +0100
Subject: [PATCH] Suchfunktion_update

---
 django/templates/library/overview_quiz.html | 33 ++++++++++++++++-----
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/django/templates/library/overview_quiz.html b/django/templates/library/overview_quiz.html
index 64437c0..8145a01 100644
--- a/django/templates/library/overview_quiz.html
+++ b/django/templates/library/overview_quiz.html
@@ -4,7 +4,10 @@
 
 
 <div class="flex justify-end mr-2">
-    <a href="{% url 'library:new_quiz' %}" class="mt-2 p-2 shadow-md border-blue-600 border-2 rounded-md text-black mb-12">Neues Quiz erstellen</a>
+    <a href="{% url 'library:new_quiz' %}" class="mt-2 p-2 shadow-md border-blue-600 border-2 rounded-md text-black ">Neues Quiz erstellen</a>
+</div>
+<div class="flex justify-end mr-2">
+    <a href="{% url 'library:overview_quiz' %}" class="mt-2 p-2 shadow-md border-blue-600 border-2 rounded-md text-black mb-12">Suche und Filter zurücksetzen</a>
 </div>
 
 <div class="w-screen flex justify-center items-center">
@@ -24,9 +27,9 @@
 
 
 {% if quizzes %}
-<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 px-4 place-items-center">    
-    <h1 class="font-bold mb-4 px-4 bg-blue-100">meine eigenen Quiz</h1></div>
-<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 px-4 place-items-center">
+<div class="text-center m-8 bg-blue-600 grid mx-8 h-8 place-items-center rounded-xl shadow-md ">    
+    <h1 class="flex px-4 font-bold text-white ">eigene Quiz</h1></div>
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 px-4 place-items-center ">
     {% for quiz in quizzes %}
     <div class="bg-white w-full max-w-md rounded-lg p-4 shadow-md border-blue-600 border-2 rounded-xl h-80 ">
         <h2 class="text-lg font-bold break-words truncate"><a href="{% url 'library:edit_quiz' quiz.id %}">{{ quiz.name }}</a></h2>
@@ -50,9 +53,13 @@
     {% endfor %}
     {% endif %}
 </div>
+
+{% if quizzes or all_quizzes %}
+<div class="text-center m-8 bg-blue-600 grid mx-8 h-8 place-items-center rounded-xl shadow-md">    
+<h1 class="flex px-4 font-bold text-white ">Quiz von anderen Nutzer</h1></div>
+{% endif %}
 {% if all_quizzes %}
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 px-4 place-items-center"> 
-           <h1 class="font-bold px-4 bg-blue-100 mt-8 mb-4">Quiz von anderen Nutzern</h1></div>
+
 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 px-4 place-items-center">
     {% for quiz in all_quizzes %}
@@ -67,8 +74,13 @@
             <div class="flex justify-between items-center gap-2">
                 <a href="#" class="qp-a-button-small border-2 border-blue-600 text-black">Spiel starten</a>
                 <div class="flex gap-2">
-                    
-                    <div class="qp-a-button-small text-gray-600 text-sm "> Quiz von {{ quiz.user_id }}</div>
+                    <a href="{% url 'library:overview_quiz' %}?user={{ quiz.user_id }}" class=" text-gray-600 text-sm" >
+ 
+                        <button type="submit" class=" py-1 text-blue-600 hover:text-blue-750">
+                            Quiz von {{ quiz.user_id }} 
+                        </button>
+                    </a>
+                  
                 </div>
 
             </div>
@@ -77,7 +89,12 @@
  
 
     {% endfor %}
+    {% elif not quizzes %}
+    <div class="text-center font-bold">Es wurde kein passendes Quiz gefunden.</div>
     {% else %}
+
+    
+
     <div class="text-center font-bold">Es wurde kein passendes Quiz von einem anderen Nutzer gefunden.</div>
     {% endif %}
 </div>