Mercurial > libervia-templates
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 %} |