Mercurial > libervia-templates

annotate sat_templates/templates/bulma/call/group_peer.html @ 401:0e454358ca49

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma: update `bulma` to version `1.0.2`
author Goffi <goffi@goffi.org>
date Wed, 02 Oct 2024 17:23:03 +0200
parents 140690a18b63
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
1 <div class="column is-3-widescreen is-4-desktop is-6-tablet peer_video_container" data-pinned="false">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
2 <div class="card">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
3 <div class="card-content p-0 position-relative">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
4 <video class="peer_video_stream" autoplay playsinline tabindex="0" style="width: 100%; height: auto; object-fit: cover; border-radius: 6px;">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
5 </video>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
6 <div class="is-overlay is-flex is-align-items-end is-justify-content-space-between p-3">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
7 <div class="is-flex is-align-items-center">
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
8 {%- if identities is defined -%}
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
9 {% set identity = identities.get(entity) %}
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
10 {% set nick = identity.nicknames[0] if identity.nicknames else jid %}
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
11 <figure class="image is-48x48 mr-2">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
12 {%- if identity.avatar.filename %}
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
13 <img class="is-rounded" src="/cache/common/{{identity.avatar.filename}}" alt="{{ nick }}">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
14 {% else %}
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
15 <span class="is-avatar is-48x48 is-flex is-justify-content-center is-align-items-center has-background-light has-text-dark has-text-weight-bold is-size-5 is-rounded">{{nick|first|upper}}</span>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
16 {%- endif -%}
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
17 </figure>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
18 <span class="tag is-medium is-rounded is-info has-text-weight-semibold">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
19 {{ nick }}
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
20 </span>
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
21 {%- endif -%}
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
22 </div>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
23 <div class="dropdown is-right is-hoverable">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
24 <div class="dropdown-trigger">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
25 <button class="button is-small is-rounded is-light" aria-haspopup="true" aria-controls="dropdown-menu">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
26 <span class="icon is-small">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
27 <i class="icon-dot-3-vert"></i>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
28 </span>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
29 </button>
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
30 </div>
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
31 <div class="dropdown-menu" id="dropdown-menu" role="menu">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
32 <div class="dropdown-content">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
33 <a href="#" class="dropdown-item action_pin">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
34 {% trans %}Pin{% endtrans %}
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
35 </a>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
36 </div>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
37 </div>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
38 </div>
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
39 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
40 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
41 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff changeset
42 </div>