comparison sat_templates/templates/bulma/call/group_peer.html @ 396:9847e6dbeefa

bulma (call): add group call related templates. rel: 430
author Goffi <goffi@goffi.org>
date Wed, 15 May 2024 17:39:47 +0200
parents
children 140690a18b63
comparison
equal deleted inserted replaced
395:5072e4a4e261 396:9847e6dbeefa
1 <div class="column peer_video_container is-flex-grow-1">
2 <div class="box group-peer-avatar is-hidden">
3 <div class="card">
4 <div class="card-content">
5 <figure class="image is-128x128 is-rounded" style="margin: auto;">
6 {%- if identities is defined -%}
7 {% set identity = identities.get(entity) %}
8 {% set nick = identity.nicknames[0] if identity.nicknames else jid %}
9 {%- if identity.avatar.filename %}
10 <img class="is-rounded" src="/cache/common/{{identity.avatar.filename}}" alt="{{ nick }}" style="height: 100%; width: 100%;">
11 {% else %}
12 <span class="is-avatar is-128x128 image has-background-light is-flex has-items-centered has-text-weight-bold is-size-1">{{nick|first|upper}}</span>
13 {%- endif -%}
14 {%- endif -%}
15 </figure>
16 </div>
17 <div class="card-content has-text-centered">
18 {%- if identities is defined -%}
19 <div class="tag is-rounded is-info has-text-weight-semibold" style="display: inline-block;">
20 {{ nick }}
21 </div>
22 {%- endif -%}
23 </div>
24 </div>
25 </div>
26 <video class="peer_video_stream" autoplay playsinline tabindex="0" style="width: 100%; height: auto; object-fit: cover;"></video>
27 </div>