Mercurial > libervia-templates
diff 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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sat_templates/templates/bulma/call/group_peer.html Wed May 15 17:39:47 2024 +0200 @@ -0,0 +1,27 @@ +<div class="column peer_video_container is-flex-grow-1"> + <div class="box group-peer-avatar is-hidden"> + <div class="card"> + <div class="card-content"> + <figure class="image is-128x128 is-rounded" style="margin: auto;"> + {%- if identities is defined -%} + {% set identity = identities.get(entity) %} + {% set nick = identity.nicknames[0] if identity.nicknames else jid %} + {%- if identity.avatar.filename %} + <img class="is-rounded" src="/cache/common/{{identity.avatar.filename}}" alt="{{ nick }}" style="height: 100%; width: 100%;"> + {% else %} + <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> + {%- endif -%} + {%- endif -%} + </figure> + </div> + <div class="card-content has-text-centered"> + {%- if identities is defined -%} + <div class="tag is-rounded is-info has-text-weight-semibold" style="display: inline-block;"> + {{ nick }} + </div> + {%- endif -%} + </div> + </div> + </div> + <video class="peer_video_stream" autoplay playsinline tabindex="0" style="width: 100%; height: auto; object-fit: cover;"></video> +</div>