annotate sat_templates/templates/bulma/forum/show_messages.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
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
413
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 {% import 'components/avatar.html' as avatar with context %}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 {% import 'blog/macros.html' as blog with context %}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
4
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 {% block body %}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
6
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 <div class="panel-header px-4 py-2">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 <div class="level is-mobile">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 <div class="level-left">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <div class="level-item">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 <button class="button is-small" id="left_panel-toggle" aria-label="Toggle left panel">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 <span class="icon"><i class="fas fa-bars"></i></span>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 </button>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 <div class="level-item">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 <h1 class="title is-5 mb-0 pt-1">{{ topic_title }}</h1>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 <div class="level-right">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 <div class="level-item">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 <div class="field has-addons">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 <div class="control">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 <input id="search_thread" class="input is-small" type="text" placeholder="{{ _('Search in this forum') }}">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 <div class="control">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 <button id="search_thread_button" class="button is-info is-small">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 <span class="icon is-small">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 <i class="fas fa-search"></i>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 </span>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 </button>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 <div class="level-item">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 {% include 'forum/subscribe_button.html' %}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
36
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
40 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
41
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
42 <section id="forum_main_body" class="section is-flex is-flex-direction-column">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
43 <div class="container is-max-desktop">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
44 {# Messages Display #}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
45 <section class="section has-background-white">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
46 {{ blog.show_items(blog_items["items"], expanded=true) }}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
47 </section>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
48
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 {# New Message Section #}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
50 <section class="section new-message-section">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
51 <h2 class="subtitle is-4 mb-3">Add your reply</h2>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
52 <div id="message_editor"></div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
53
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
54 {# Tags #}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
55 <div id="tags_container" class="is-hidden">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
56 <label>Add you tags below</label>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
57 <input id="tags" type="text" />
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
58 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
59 {# Attachments #}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
60 <input id="forum-file-input" type="file" multiple="true" style="display: none" />
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
61
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
62 <div class="mt-4" id="attachments-area">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
63 <div id="forum-attachments" class="file-attachments is-flex is-flex-wrap-wrap">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
64 {# Attachments will be dynamically added here #}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
65 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
66 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
67
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
68 {# Submit Button #}
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
69 <div class="mt-4">
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
70 <button class="button is-primary" id="send-message-button">Send Message</button>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
71 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
72 </section>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
73 </div>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
74 </section>
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
75
0190a0d32909 Forum: Major redesign of forums:
Goffi <goffi@goffi.org>
parents:
diff changeset
76 {% endblock body %}