Mercurial > libervia-templates
annotate sat_templates/templates/default/chat/message.html @ 400:140690a18b63
call: group call design:
Design for group call (which is used for both group call and A/V conferences) has been
improved to:
- have a working fullscreen button;
- have a better display of peer users in grid, with responsive design;
- have a nicer design for peer user, and adding avatar/nickname as overlay on the bottom
of the video stream;
- add a way to (un)pin a peer user, which make is appear on the whole width on top of the
grid.
rel 448
HG<S-Insert>: changed sat_templates/templates/bulma/call/group_peer.html
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 06 Aug 2024 23:50:17 +0200 |
parents | 3195484abd82 |
children |
rev | line source |
---|---|
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
85
diff
changeset
|
1 {% import 'components/avatar.html' as avatar with context %} |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
85
diff
changeset
|
2 |
85
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
3 <p id="{{msg.id}}" class="msg_{{msg.type}} {{'own_msg' if msg.from_ == own_jid.full()}}"> |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
4 {%- if msg.type != C.MESS_TYPE_INFO %} |
228
3195484abd82
updated identities/avatar use, following backend changes
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
5 {%- set author = identities[msg.from_].nicknames[0] | default(msg.from_) -%} |
157
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
6 {{ avatar.avatar(msg.from_, "avatar--float-left") }} |
85
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
7 <span class="msg_header"> |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
8 <span class="author">{{author}}</span> |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
9 <span class="date">{{msg.timestamp|date_fmt('auto_day')}}</span> |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
10 </span> |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
11 {% endif -%} |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
12 <span class="msg_body"> |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
13 {{- msg.html or (msg.text|urlize(nofollow=true, target="_blank")) -}} |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
14 </span> |
05b500bd6235
chat: chat implementation, first draft:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
15 </p> |