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 %} |
