social_media_platform/application/templates/search_add.html

<!-- 
marked parts of the template is external code
import from https://github.com/fizista/django-taggit-templatetags2
-->
{% extends "base.html" %} {% block content %}

<!-- imported start -->
{% load taggit_templatetags2_tags %}
<div class="container">
    <div class="row equal">
        <div class="col-md-6">
            <h1> Alle Tags im Überblick<br>
            </h1>
            <div class="col-md-8" style="zoom: 1.6">
                <div style="text-align:center;padding:5px;">
                    {% get_tagcloud as tags for 'application' %}
                    {% include_tagcloud 'application.Post' %}
                </div>
            </div>
<!-- imported end -->

            <div style="padding-bottom:40px;">
            </div>
            Tag-Suche
            <div id="custom-search-input">
                <form type="get" action="." style="margin: 0" class="post-form">
                    <p>
                        <input id="search_box" type="text" name="search_box" placeholder="Search...">
                    </p>
                    <span>
                        <button id="search_submit" type="submit" class="save btn btn-outline-dark">Suchen</button>
                        </button>
                    </span>
                </form>
                <div class="pt-4">
                    {% for post in posts %}
                    <div class="post">
                        <div class="date">
                            {{ post.published_date }}
                        </div>
                        <h1>
                            <a href="{% url 'post_detail' pk=post.pk %}">{{ post.title }}</a>
                        </h1>
                        <p>{{ post.text|linebreaks }}</p>
                        {% for tag in post.tags.all %}
                        <a href="{% url 'post_list_by_tag' tag.slug %}">{{ tag.name }}</a>
                        {% if not forloop.last %}, {% endif %} {% endfor %} <p>
                            {{ post.author }}
                        </p>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <h1> Bereits abonnierten Tags
            </h1>
            <div class="col-md-10">
                {% if tags %}
                <div style="text-align:center;padding-top:40px;">
                    {% for tag in tagsuser %}
                    <a class="text-white bg-dark p-3" href="{% url 'post_list_by_tag' tag.slug %}">{{ tag.name }}</a>
                    {% endfor %}
                </div>
                {% endif %}
            </div>
            <div style="padding-bottom:145px;">
            </div>
            <div class="mx-auto">
                <div>
                    Abonniere deine Tags hier!
                </div>
                <form class="post-form" method="post">
                    {% csrf_token %} {{form.as_p}}
                    <button type="submit" class="save btn btn-outline-dark">Sichern</button>
                </form>
                {% if messages %}
                {% for message in messages %}
                <div {% if message.tags %} class="{{ message.tags }}" {% endif %}>{{ message }}</div>
                {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}