Mercurial > libervia-templates
annotate sat_templates/templates/bulma/call/group_peer.html @ 402:2bbcb7da56bc default tip
bulma: use Font-Awesome instead of Fontello + start of major redesign:
- Font-Awesome is now used instead of Fontello, following change in Libervia Media.
- This is a beginning of a major redesign of the web templates/web frontend. This
currently breaks a lot of thing.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sat, 26 Oct 2024 22:53:26 +0200 |
| parents | 140690a18b63 |
| children |
| rev | line source |
|---|---|
| 400 | 1 <div class="column is-3-widescreen is-4-desktop is-6-tablet peer_video_container" data-pinned="false"> |
| 2 <div class="card"> | |
| 3 <div class="card-content p-0 position-relative"> | |
| 4 <video class="peer_video_stream" autoplay playsinline tabindex="0" style="width: 100%; height: auto; object-fit: cover; border-radius: 6px;"> | |
| 5 </video> | |
| 6 <div class="is-overlay is-flex is-align-items-end is-justify-content-space-between p-3"> | |
| 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 | 11 <figure class="image is-48x48 mr-2"> |
| 12 {%- if identity.avatar.filename %} | |
| 13 <img class="is-rounded" src="/cache/common/{{identity.avatar.filename}}" alt="{{ nick }}"> | |
| 14 {% else %} | |
| 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> | |
| 16 {%- endif -%} | |
| 17 </figure> | |
| 18 <span class="tag is-medium is-rounded is-info has-text-weight-semibold"> | |
| 19 {{ nick }} | |
| 20 </span> | |
|
396
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
21 {%- endif -%} |
| 400 | 22 </div> |
| 23 <div class="dropdown is-right is-hoverable"> | |
| 24 <div class="dropdown-trigger"> | |
| 25 <button class="button is-small is-rounded is-light" aria-haspopup="true" aria-controls="dropdown-menu"> | |
| 26 <span class="icon is-small"> | |
| 27 <i class="icon-dot-3-vert"></i> | |
| 28 </span> | |
| 29 </button> | |
|
396
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
30 </div> |
| 400 | 31 <div class="dropdown-menu" id="dropdown-menu" role="menu"> |
| 32 <div class="dropdown-content"> | |
| 33 <a href="#" class="dropdown-item action_pin"> | |
| 34 {% trans %}Pin{% endtrans %} | |
| 35 </a> | |
| 36 </div> | |
| 37 </div> | |
| 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> |