annotate 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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
362
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
1 <div class="attachment-preview is-flex is-flex-direction-column is-align-items-center mx-2">
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
2 {% if file.mime_type|media_type_main == 'image' %}
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
3 <!-- Show image thumbnail -->
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
4 <div class="thumbnail-container">
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
5 <img src="{{ file.url }}" class="thumbnail-image" alt="{{file.name}}">
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
6 </div>
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
7 {% elif file.mime_type|media_type_main == 'video' %}
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
8 <!-- Show video thumbnail with play icon -->
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
9 <a href="{{file.url}}" class="is-video-thumbnail-wrapper is-wrapping photo_thumb_click">
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <img class="is-photo-thumbnail" src="{{file.thumb_url}}">
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
11 <div class="media_overlay_play is-flex has-items-centered">
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
12 <span class="icon">
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
13 <i class="icon-play-circled"></i>
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
14 </span>
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
15 </div>
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
16 </a>
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
17 {% else %}
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
18 <!-- Show a generic file icon if not an image or video -->
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
19 {{ icon('doc', cls='icon is-large') }}
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
20 {% endif %}
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
21 <div class="attachment-name mx-2 has-text-weight-bold" title="{{ file.name }}">{{ file.name }}</div>
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
22 <button class="delete is-small attachment-delete-button action_delete"></button>
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
23 {% if uploading %}
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
24 <progress class="progress is-info has-background-white" value="0" max="100">0%</progress>
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
25 {% endif %}
b2b859a62e70 bulma (chat): new templates and CSS for chat page.
Goffi <goffi@goffi.org>
parents:
diff changeset
26 </div>