Mercurial > libervia-templates
comparison sat_templates/templates/bulma/chat/attachment_preview.html @ 362:b2b859a62e70
bulma (chat): new templates and CSS for chat page.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Wed, 28 Jun 2023 10:40:50 +0200 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 361:e44c0627d00b | 362:b2b859a62e70 |
|---|---|
| 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> |