From 1f2e66b1efc74549bda333e8b32ca74263848572 Mon Sep 17 00:00:00 2001
From: PlexSheep <software@cscherr.de>
Date: Sat, 7 Oct 2023 19:43:32 +0200
Subject: [PATCH] tagify validation

---
 gawa/blog/templates/blog/browse.html | 14 ++++++++++++--
 gawa/blog/views.py                   |  1 +
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/gawa/blog/templates/blog/browse.html b/gawa/blog/templates/blog/browse.html
index 603f229..84f2306 100644
--- a/gawa/blog/templates/blog/browse.html
+++ b/gawa/blog/templates/blog/browse.html
@@ -91,7 +91,17 @@
                         <script>
                             var input = document.querySelector('input[class=tagify]');
                             new Tagify(input, {
-                                originalInputValueFormat: valuesArr => valuesArr.map(item => item.value).join(',')
+                                originalInputValueFormat: valuesArr => valuesArr.map(item => item.value).join(','),
+                                enforceWhitelist: true,
+                                whitelist : [{% for keyword in keywords %}'{{ keyword.slug | safe }}', {% endfor %}],
+                                dropdown : {
+                                    classname     : "tagify-dropdown", // TODO: style better
+                                    enabled       : 1,              // show the dropdown immediately on focus
+                                    maxItems      : 5,
+                                    position      : "text",         // place the dropdown near the typed text
+                                    closeOnSelect : false,          // keep the dropdown open after selecting a suggestion
+                                    highlightFirst: true
+                                }
                             })
                         </script>
                     </form>
@@ -105,7 +115,7 @@
                         <div class="text-center">
                             <img src="/media/img/http/404.svg"
                                  class="img-fluid pb-5 pt-2 darkmode-invert"
-                                 style="max-height: 650px;"
+                                 style="max-height: 650px"
                                  alt="404" />
                             <h2 class="display-5">{% trans "No posts found for your filters." %}</h2>
                         </div>
diff --git a/gawa/blog/views.py b/gawa/blog/views.py
index e8df273..7ce7081 100644
--- a/gawa/blog/views.py
+++ b/gawa/blog/views.py
@@ -104,6 +104,7 @@ class Browse(ListView):
         context = super().get_context_data(**kwargs)
         context['featured_posts'] = BlogPost.objects.filter(featured=True)
         context['categories'] = Category.objects.all()
+        context['keywords'] = Keyword.objects.all()
 
         context["filters"] = {}
         if "category" in self.request.GET and len(