From 62d7fbe57b86314f9a0cb60c1fb68404cc24e041 Mon Sep 17 00:00:00 2001
From: PlexSheep <software@cscherr.de>
Date: Sat, 7 Oct 2023 11:01:57 +0200
Subject: [PATCH] add category to frontend

---
 gawa/blog/templates/blog/browse.html | 31 ++++++++++++++--------------
 gawa/blog/views.py                   |  1 +
 gawa/static/custom.css               |  2 ++
 3 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/gawa/blog/templates/blog/browse.html b/gawa/blog/templates/blog/browse.html
index fb22def..9fe4365 100644
--- a/gawa/blog/templates/blog/browse.html
+++ b/gawa/blog/templates/blog/browse.html
@@ -25,9 +25,12 @@
                 <!-- </div> -->
             </div>
             <div class="col">
-                <form class="d-flex" role="search" action="" method="GET">
+                <form class="d-flex" role="search" action="" method="GET" novalidate>
                     <div class="container overflow-hidden ">
                         <div class="row gy-5">
+                            <div class="col">
+                                <input class="tagify" name="keywords" placeholder="{% trans "Keywords" %}">
+                            </div>
                             <div class="col position-relative">
                                 <div class="row">
                                     <div class="col">
@@ -38,24 +41,22 @@
                                                placeholder="{% trans "Search" %}"
                                                required=""
                                                id="id_search">
-                                        <div class="col position-relative mt-2">
-                                            <button class="btn bg-primary fw-bold position-absolute top-50 end-0" type="submit">{% trans "Filter" %}</button>
+                                        <div class="col">
+                                            <div class="row mt-2">
+                                                <div class="col col-xxl">
+                                                    <select class="form-select" aria-label="Large select example" name="category">
+                                                        <option value="" selected>{% trans "select category" %}</option>
+                                                        {% for category in categories %}<option value="{{ category.slug }}">{{ category.name }}</option>{% endfor %}
+                                                    </select>
+                                                </div>
+                                                <div class="col-md-auto">
+                                                    <button class="btn bg-primary fw-bold" type="submit">{% trans "Filter" %}</button>
+                                                </div>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                            <div class="col">
-                                <input class="tagify"
-                                       name="keywords"
-                                       placeholder="{% trans "Keywords" %}"
-                                       value='tag1, tag2 autofocus'>
-                            </div>
-                            <!-- <div class="col"> -->
-                            <!--     <input class="tagify" -->
-                            <!--            name="category" -->
-                            <!--            placeholder="{% trans "Category" %}" -->
-                            <!--            value='tag1, tag2 autofocus'> -->
-                            <!-- </div> -->
                         </div>
                     </div>
                     <script>
diff --git a/gawa/blog/views.py b/gawa/blog/views.py
index 60dca4b..c4c094e 100644
--- a/gawa/blog/views.py
+++ b/gawa/blog/views.py
@@ -52,4 +52,5 @@ class Browse(ListView):
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
         context['featured_posts'] = BlogPost.objects.filter(featured=True)
+        context['categories'] = Category.objects.all()
         return context
diff --git a/gawa/static/custom.css b/gawa/static/custom.css
index 7010287..103a254 100644
--- a/gawa/static/custom.css
+++ b/gawa/static/custom.css
@@ -30,4 +30,6 @@ main * {
   --tag-text-color: var( 	--bs-body-color) !important;
   /* border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; */
   border-radius: 0.375rem;
+  width: 100%;
+  height: 100%;
 }