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>