(forum): display image as banner in ForumView

lacommunaute/forum/tests/tests_views.py

@@ -421,3 +421,9 @@ def test_filtered_queryset_on_tag(self):
         )
         self.assertContains(response, topic.subject)
         self.assertNotContains(response, self.topic.subject)
+
+    def test_banner_display_on_subcategory_forum(self):
+        category_forum = CategoryForumFactory(with_child=True, with_public_perms=True)
+        forum = category_forum.get_children().first()
+        response = self.client.get(reverse("forum_extension:forum", kwargs={"pk": forum.pk, "slug": forum.slug}))
+        self.assertContains(response, forum.image.url.split("=")[0])

lacommunaute/templates/forum/forum_detail.html

@@ -41,7 +41,8 @@ <h1>{{ forum.name }}</h1>
                                 {% include "partials/upvotes.html" with obj=forum kind="forum" %}
                                 {% include "partials/social_share_buttons.html" with text=forum.name instance=forum id=forum.pk %}
                             </div>
-                            <div class="col-12 col-sm-auto">
+                            <div class="col-12 col-sm-auto">{% include "forum/partials/forum_banner.html" with forum=forum only %}</div>
+                            <div class="col-12 col-sm-auto mt-3">
                                 <div class="textarea_cms_md">{{ forum.description.rendered|urlizetrunc_target_blank:30 }}</div>
                             </div>
                         </div>

lacommunaute/templates/forum/partials/forum_banner.html

@@ -0,0 +1,5 @@
+{% if forum.image %}
+    <div class="d-none d-md-block forum-image mt-3">
+        <img src="{{ forum.image.url }}" alt="{{ forum.name }}" class="rounded img-fluid" />
+    </div>
+{% endif %}