comparison 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
comparison
equal deleted inserted replaced
412:c1d33d7e4b96 413:0190a0d32909
4 {% import 'input/navigation.html' as navigation with context %} 4 {% import 'input/navigation.html' as navigation with context %}
5 {% import 'components/avatar.html' as avatar with context %} 5 {% import 'components/avatar.html' as avatar with context %}
6 6
7 {% block body %} 7 {% block body %}
8 8
9 {% if not topics %} 9 <div class="columns is-gapless blog-container is-full-height">
10 <div class="message"> 10 <!-- Left Panel -->
11 <div class="message-body"> 11 <div class="column is-2 left-sidebar has-background-dark" id="left_panel">
12 {% trans %}There is not message yet in this forum.{% endtrans %} 12 {% include 'forum/discover_panel.html' %}
13 {% if profile %} 13 </div>
14 {% trans %}You can start a topic of interest by filling this form.{% endtrans %} 14 <div class="column is-8 main-panel blog-main" id="main_panel">
15 {% else %} 15 {% include 'forum/show_topics.html' %}
16 {% trans %}You can login to create a new topic.{% endtrans %} 16 </div>
17 {% endif %} 17 </div>
18 </div>
19 </div>
20 {% endif %}
21
22 <section class="section has-background-white">
23 <nav class="level mb-4">
24 <div class="level-left">
25 <div class="level-item">
26 {{ component.action_button(url_topic_new, _("New Topic")) }}
27 </div>
28 </div>
29 </nav>
30 <div class="has-background-white px-1 py-1">
31 {% for topic in topics|reverse %}
32 <div class="media has-items-vcentered">
33 <div class="media-left">
34 {{ avatar.avatar(topic.author) }}
35 </div>
36 <div class="media-content">
37 <p class="is-size-5-desktop is-size-6-touch x-is-hoverable">
38 <a href="{{topic.http_uri}}">
39 {{topic.title}}
40 </a>
41 </p>
42 </div>
43 </div>
44 {% endfor %}
45 </div>
46 </section>
47
48 {{ navigation.prev_next(_("older topics"), _("newer topics")) }}
49 {% endblock body %} 18 {% endblock body %}