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