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