diff sat_templates/templates/bulma/forum/view_topics.html @ 413:0190a0d32909 default tip

Forum: Major redesign of forums: Forums have been redesigned. They follow the new general design with 2 or 3 panels, allowing to have directly a forum if one is found/set up, and a panel on the left to search/discover other ones. Categories have been rewritten to be usable with pubsub relationships, a XEP-0277 type node is used for topics, and each item has a comments node for the threads. The thread view is set in `forum/show_messages.html` template. It has a header with a search box and a button to (un)subscribe. Items are displayed with the same macros as for the blog items. Below a room is set for editor, tags and attachments. rel 463
author Goffi <goffi@goffi.org>
date Fri, 05 Sep 2025 21:54:09 +0200
parents 3db3509cbad1
children
line wrap: on
line diff
--- a/sat_templates/templates/bulma/forum/view_topics.html	Sun Aug 31 12:38:49 2025 +0200
+++ b/sat_templates/templates/bulma/forum/view_topics.html	Fri Sep 05 21:54:09 2025 +0200
@@ -6,44 +6,13 @@
 
 {% block body %}
 
-    {% if not topics %}
-        <div class="message">
-            <div class="message-body">
-                {% trans %}There is not message yet in this forum.{% endtrans %}
-                {% if profile %}
-                    {% trans %}You can start a topic of interest by filling this form.{% endtrans %}
-                {% else %}
-                    {% trans %}You can login to create a new topic.{% endtrans %}
-                {% endif %}
-            </div>
-        </div>
-    {% endif %}
-
-    <section class="section has-background-white">
-        <nav class="level mb-4">
-            <div class="level-left">
-                <div class="level-item">
-                    {{ component.action_button(url_topic_new, _("New Topic")) }}
-                </div>
-            </div>
-        </nav>
-        <div class="has-background-white px-1 py-1">
-            {% for topic in topics|reverse %}
-                <div class="media has-items-vcentered">
-                    <div class="media-left">
-                        {{ avatar.avatar(topic.author) }}
-                    </div>
-                    <div class="media-content">
-                        <p class="is-size-5-desktop is-size-6-touch x-is-hoverable">
-                        <a href="{{topic.http_uri}}">
-                            {{topic.title}}
-                        </a>
-                        </p>
-                    </div>
-                </div>
-            {% endfor %}
-        </div>
-    </section>
-
-    {{ navigation.prev_next(_("older topics"), _("newer topics")) }}
+<div class="columns is-gapless blog-container is-full-height">
+    <!-- Left Panel -->
+    <div class="column is-2 left-sidebar has-background-dark" id="left_panel">
+        {% include 'forum/discover_panel.html' %}
+    </div>
+    <div class="column is-8 main-panel blog-main" id="main_panel">
+        {% include 'forum/show_topics.html' %}
+    </div>
+</div>
 {% endblock body %}