annotate sat_templates/templates/bulma/invitation/new_item.html @ 400:140690a18b63 default tip

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 a617d37a52e5
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
273
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {% import 'components/avatar.html' as avatar with context %}
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
2
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
3 <div class="dropdown-item media has-items-vcentered" {{ {'data-entity-jid': entity_jid}|xmlattr }}>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
4 {% if identities is defined %}
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
5 <div class="media-left">
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
6 {{ avatar.avatar(entity_jid) }}
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
7 </div>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
8 {% endif %}
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
9 <div class="media-content">
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <div class="content">
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
11 {{identities[entity_jid].nicknames[0] if identities[entity_jid].nicknames else entity_jid}}<br>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
12 <span class="is-italic is-size-7 has-text-grey-light">{{entity_jid}}</span>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
13 </div>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
14 </div>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
15 <div class="media-right">
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
16 <button class="button click_to_ok">
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
17 <span>{% trans %}invite{% endtrans %}</span>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
18 <span class="icon is-small">
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
19 <i class="icon-plus-circled"></i>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
20 </span>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
21 </button>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
22 </div>
a617d37a52e5 bulma (invitation): template for new item
Goffi <goffi@goffi.org>
parents:
diff changeset
23 </div>