Mercurial > libervia-templates
annotate sat_templates/templates/bulma/call/call_status.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 | 16dc76f58782 |
children |
rev | line source |
---|---|
371
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
1 {% if status == none %} |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
2 <div class="call_status notification is-info column my-0"> |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
3 </div> |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
4 {% elif status == "dialing" %} |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
5 <div class="call_status notification is-info column my-0"> |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
6 <p>{% trans %}Calling {{name}}…{% endtrans %}</p> |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
7 </div> |
376 | 8 {% elif status == "ringing" %} |
9 <div class="call_status notification is-info column my-0"> | |
10 <p>{% trans %}{{name}}'s device is ringing…{% endtrans %}</p> | |
11 </div> | |
377
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
12 {% elif status == "in-call" %} |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
13 <div class="call_status notification is-success column my-0"> |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
14 <p>{% trans %}In call with {{name}}.{% endtrans %}</p> |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
15 </div> |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
16 {% elif status == "on-hold" %} |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
17 <div class="call_status notification is-warning column my-0"> |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
18 <p>{% trans %}Call with {{name}} is on hold…{% endtrans %}</p> |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
19 </div> |
378
16dc76f58782
bulma (call/status): add `connecting` and `connection-lost` statuses
Goffi <goffi@goffi.org>
parents:
377
diff
changeset
|
20 {% elif status == "connecting" %} |
16dc76f58782
bulma (call/status): add `connecting` and `connection-lost` statuses
Goffi <goffi@goffi.org>
parents:
377
diff
changeset
|
21 <div class="call_status notification is-info column my-0"> |
16dc76f58782
bulma (call/status): add `connecting` and `connection-lost` statuses
Goffi <goffi@goffi.org>
parents:
377
diff
changeset
|
22 <p>{% trans %}Connecting with {{name}}…{% endtrans %}</p> |
16dc76f58782
bulma (call/status): add `connecting` and `connection-lost` statuses
Goffi <goffi@goffi.org>
parents:
377
diff
changeset
|
23 </div> |
16dc76f58782
bulma (call/status): add `connecting` and `connection-lost` statuses
Goffi <goffi@goffi.org>
parents:
377
diff
changeset
|
24 {% elif status == "connection-lost" %} |
16dc76f58782
bulma (call/status): add `connecting` and `connection-lost` statuses
Goffi <goffi@goffi.org>
parents:
377
diff
changeset
|
25 <div class="call_status notification is-danger column my-0"> |
16dc76f58782
bulma (call/status): add `connecting` and `connection-lost` statuses
Goffi <goffi@goffi.org>
parents:
377
diff
changeset
|
26 <p>{% trans %}Connection with {{name}} lost.{% endtrans %}</p> |
16dc76f58782
bulma (call/status): add `connecting` and `connection-lost` statuses
Goffi <goffi@goffi.org>
parents:
377
diff
changeset
|
27 </div> |
377
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
28 {% elif status == "reconnecting" %} |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
29 <div class="call_status notification is-warning column my-0"> |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
30 <p>{% trans %}Reconnecting to {{name}}…{% endtrans %}</p> |
d54565d166d7
bulma (call/status): add "in-call", "on-hold" and "reconnecting" statuses
Goffi <goffi@goffi.org>
parents:
376
diff
changeset
|
31 </div> |
371
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
32 {% endif %} |