Suchfunktion_update

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,8 +27,8 @@
 
 
 {% if quizzes %}
-<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="font-bold mb-4 px-4 bg-blue-100">meine eigenen Quiz</h1></div>
+    <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 ">
@@ -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">
+                    <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 class="qp-a-button-small text-gray-600 text-sm "> Quiz von {{ quiz.user_id }}</div>
                 </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>