Mercurial > libervia-templates
view sat_templates/templates/bulma/chat/attachment_preview.html @ 374:5646df8bd391
bulma (call): calling mode improvments:
- instead of a "switch" button, there are now 2 button with only an icon, one for video
call and the other for audio call, they appear on the same row as the search bar
- search item can now be extended using "call" blocks, and options are used
- call search items don't show group, and now display an "extra" menu (3 dots menu) with a
dropdown to select audio or video call.
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 15 Aug 2023 17:12:18 +0200 |
parents | b2b859a62e70 |
children |
line wrap: on
line source
<div class="attachment-preview is-flex is-flex-direction-column is-align-items-center mx-2"> {% if file.mime_type|media_type_main == 'image' %} <!-- Show image thumbnail --> <div class="thumbnail-container"> <img src="{{ file.url }}" class="thumbnail-image" alt="{{file.name}}"> </div> {% elif file.mime_type|media_type_main == 'video' %} <!-- Show video thumbnail with play icon --> <a href="{{file.url}}" class="is-video-thumbnail-wrapper is-wrapping photo_thumb_click"> <img class="is-photo-thumbnail" src="{{file.thumb_url}}"> <div class="media_overlay_play is-flex has-items-centered"> <span class="icon"> <i class="icon-play-circled"></i> </span> </div> </a> {% else %} <!-- Show a generic file icon if not an image or video --> {{ icon('doc', cls='icon is-large') }} {% endif %} <div class="attachment-name mx-2 has-text-weight-bold" title="{{ file.name }}">{{ file.name }}</div> <button class="delete is-small attachment-delete-button action_delete"></button> {% if uploading %} <progress class="progress is-info has-background-white" value="0" max="100">0%</progress> {% endif %} </div>