Mercurial > libervia-templates
comparison sat_templates/templates/bulma/chat/attachment_preview.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 | c1d33d7e4b96 |
| children |
comparison
equal
deleted
inserted
replaced
| 412:c1d33d7e4b96 | 413:0190a0d32909 |
|---|---|
| 1 <div class="attachment-preview is-flex is-flex-direction-column is-align-items-center mx-2"> | |
| 2 {% if file.mime_type|media_type_main == 'image' %} | |
| 3 <!-- Show image thumbnail --> | |
| 4 <div class="thumbnail-container"> | |
| 5 <img src="{{ file.url }}" class="thumbnail-image" alt="{{file.name}}"> | |
| 6 </div> | |
| 7 {% elif file.mime_type|media_type_main == 'video' %} | |
| 8 <!-- Show video thumbnail with play icon --> | |
| 9 <a href="{{file.url}}" class="is-video-thumbnail-wrapper is-wrapping photo_thumb_click"> | |
| 10 <img class="is-photo-thumbnail" src="{{file.thumb_url}}"> | |
| 11 <div class="media_overlay_play is-flex has-items-centered"> | |
| 12 <span class="icon"> | |
| 13 <i class="icon-play-circled"></i> | |
| 14 </span> | |
| 15 </div> | |
| 16 </a> | |
| 17 {% else %} | |
| 18 <!-- Show a generic file icon if not an image or video --> | |
| 19 {{ icon('doc', cls='icon is-large') }} | |
| 20 {% endif %} | |
| 21 <div class="attachment-name mx-2 has-text-weight-bold" title="{{ file.name }}">{{ file.name }}</div> | |
| 22 <button class="delete is-small attachment-delete-button action_delete"></button> | |
| 23 {% if uploading %} | |
| 24 <progress class="progress is-info has-background-white" value="0" max="100">0%</progress> | |
| 25 {% endif %} | |
| 26 </div> |