tagify validation

This commit is contained in:
Christoph J. Scherr 2023-10-07 19:43:32 +02:00
parent 260005dcf0
commit 1f2e66b1ef
2 changed files with 13 additions and 2 deletions

View File

@ -91,7 +91,17 @@
<script> <script>
var input = document.querySelector('input[class=tagify]'); var input = document.querySelector('input[class=tagify]');
new Tagify(input, { 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> </script>
</form> </form>
@ -105,7 +115,7 @@
<div class="text-center"> <div class="text-center">
<img src="/media/img/http/404.svg" <img src="/media/img/http/404.svg"
class="img-fluid pb-5 pt-2 darkmode-invert" class="img-fluid pb-5 pt-2 darkmode-invert"
style="max-height: 650px;" style="max-height: 650px"
alt="404" /> alt="404" />
<h2 class="display-5">{% trans "No posts found for your filters." %}</h2> <h2 class="display-5">{% trans "No posts found for your filters." %}</h2>
</div> </div>

View File

@ -104,6 +104,7 @@ class Browse(ListView):
context = super().get_context_data(**kwargs) context = super().get_context_data(**kwargs)
context['featured_posts'] = BlogPost.objects.filter(featured=True) context['featured_posts'] = BlogPost.objects.filter(featured=True)
context['categories'] = Category.objects.all() context['categories'] = Category.objects.all()
context['keywords'] = Keyword.objects.all()
context["filters"] = {} context["filters"] = {}
if "category" in self.request.GET and len( if "category" in self.request.GET and len(