Mercurial > libervia-templates
annotate sat_templates/templates/bulma/call/search_item.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 | 5072e4a4e261 |
children |
rev | line source |
---|---|
374
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
1 {% extends 'components/search_item.html' %} |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
2 |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
3 {% import 'components/avatar.html' as avatar with context %} |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
4 |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
5 {% block call %} |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
6 <div class="level is-mobile"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
7 <div class="level-right"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
8 <div class="level-item"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
9 <div class="search-item-extra dropdown is-right"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
10 <div class="dropdown-trigger"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
11 <button class="button is-white is-small" aria-haspopup="true" aria-controls="dropdown-menu"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
12 <span class="icon"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
13 <i class="icon-dot-3-vert"></i> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
14 </span> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
15 </button> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
16 </div> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
17 <div class="dropdown-menu" role="menu"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
18 |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
19 <div class="dropdown-content"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
20 <!-- Video Call Option --> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
21 <a class="click-to-video dropdown-item"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
22 <span class="icon"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
23 <i class="icon-videocam"></i> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
24 </span> |
395
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
25 {% trans %}Video Call{% endtrans %} |
374
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
26 </a> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
27 |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
28 <!-- Audio Call Option --> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
29 <a class="click-to-audio dropdown-item"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
30 <span class="icon"> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
31 <i class="icon-phone"></i> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
32 </span> |
395
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
33 {% trans %}Audio Call{% endtrans %} |
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
34 </a> |
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
35 |
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
36 <!-- Remote Control Option --> |
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
37 <a class="click-to-remote-control dropdown-item"> |
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
38 <span class="icon"> |
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
39 <i class="icon-keyboard"></i> |
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
40 </span> |
5072e4a4e261
call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents:
374
diff
changeset
|
41 {% trans %}Remote Control{% endtrans %} |
374
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
42 </a> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
43 </div> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
44 |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
45 </div> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
46 </div> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
47 </div> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
48 </div> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
49 </div> |
5646df8bd391
bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
50 {% endblock %} |