Mercurial > libervia-templates

annotate sat_templates/templates/bulma/call/call.html @ 400:140690a18b63

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
call: group call design: Design for group call (which is used for both group call and A/V conferences) has been improved to: - have a working fullscreen button; - have a better display of peer users in grid, with responsive design; - have a nicer design for peer user, and adding avatar/nickname as overlay on the bottom of the video stream; - add a way to (un)pin a peer user, which make is appear on the whole width on top of the grid. rel 448 HG<S-Insert>: changed sat_templates/templates/bulma/call/group_peer.html
author Goffi <goffi@goffi.org>
date Tue, 06 Aug 2024 23:50:17 +0200
parents 9847e6dbeefa
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
360
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {% if not embedded %}
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 {% set loading_screen = true %}
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 {% extends 'base/base.html' %}
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 {% endif %}
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 {% block body %}
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
7 {{ icon_defs(
394
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
8 "desktop", "doc", "dot-3-vert", "exchange", "mic", "phone", "resize-full", "resize-small", "user-circle", "videocam", "wrench"
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
9 ) }}
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
10 <audio id="audio_player" class="is-hidden" src="{{media_path}}sounds/notifications/ring_1.mp3" preload="auto" loop></audio>
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
11 <section class="section is-full-below-menu" style="position: relative" >
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
12 <div id="containers_wrapper">
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
13
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
14 {# Search #}
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
15 <div id="search_container" class="is-overlay">
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
16
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
17 <div class="container">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
18 <div class="columns is-vcentered is-mobile">
360
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
20 <!-- Search bar -->
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
21 <div class="column is-flex-grow-1">
379
44337471d390 bulma (call): Add a delete button in search bar to clear search
Goffi <goffi@goffi.org>
parents: 374
diff changeset
22 <div class="control has-icons-right">
44337471d390 bulma (call): Add a delete button in search bar to clear search
Goffi <goffi@goffi.org>
parents: 374
diff changeset
23 <input class="input" type="search" id="search" placeholder="Enter contact's name or address" aria-label="Search for contacts">
44337471d390 bulma (call): Add a delete button in search bar to clear search
Goffi <goffi@goffi.org>
parents: 374
diff changeset
24 <span class="icon is-right">
44337471d390 bulma (call): Add a delete button in search bar to clear search
Goffi <goffi@goffi.org>
parents: 374
diff changeset
25 <a role="button" tabindex="0" class="delete is-small" id="clear_search_btn" aria-label="Clear search"></a>
44337471d390 bulma (call): Add a delete button in search bar to clear search
Goffi <goffi@goffi.org>
parents: 374
diff changeset
26 </span>
44337471d390 bulma (call): Add a delete button in search bar to clear search
Goffi <goffi@goffi.org>
parents: 374
diff changeset
27 </div>
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
28 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
29
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
30 <!-- Video Call Button -->
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
31 <div class="column is-narrow">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
32 <button class="button is-primary" id="video_call_btn" aria-label="Initiate Video Call">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
33 <span class="icon">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
34 <i class="icon-videocam"></i>
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
35 </span>
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
36 </button>
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
37 </div>
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
38
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
39 <!-- Audio Call Button -->
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
40 <div class="column is-narrow">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
41 <button class="button is-light" id="audio_call_btn" aria-label="Initiate Audio Call">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
42 <span class="icon">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
43 <i class="icon-phone"></i>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
44 </span>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
45 </button>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
46 </div>
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
47
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
48 <!-- Group Call Button -->
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
49 <div class="column is-narrow is-hidden">
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
50 <button class="button is-info" id="group_call_btn" aria-label="Initiate Group Call">
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
51 <span class="icon">
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
52 <i class="icon-group"></i>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
53 </span>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
54 <span>Group Call</span>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
55 </button>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
56 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
57
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
58 </div>
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
59 </div>
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
60
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents: 372
diff changeset
61 <div id="contacts" class="columns is-multiline is-mobile is-half-touch">
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
62 </div>
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
63
360
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
64 </div>
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
65
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
66 {# Calls #}
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
67
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
68 <div class="is-hidden is-flex is-flex-direction-column" id="call_container">
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
69
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
70 <div class="columns is-1 is-centered is-vcentered m-0" id="call_header">
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
71 <div class="column p-0">
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
72 <div class="columns is-mobile is-1 is-vcentered m-0">
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
73 <div class="column is-narrow px-0" id="call_avatar_wrapper"></div>
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
74 <div class="column" id="call_status_wrapper"></div>
360
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
75 </div>
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
76 </div>
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
77 </div>
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
78
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
79 <div id="call_box" class="is-relative mt-3 is-flex-grow-1">
395
5072e4a4e261 call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents: 394
diff changeset
80 <video id="remote_video" class="is-video-only" autoplay playsinline tabindex="0"></video>
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
81
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
82 <div class="fullscreen-btn is-video-only">
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
83 <button class="button is-light" id="full_screen_btn" aria-label="{{ _('Enter full screen') }}">
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
84 {{ icon('resize-full', cls='image is-24x24 is-inline-block') }}
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
85 </button>
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
86 <button class="button is-light is-hidden" id="exit_full_screen_btn" aria-label="{{ _('Exit full screen') }}">
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
87 {{ icon('resize-small', cls='image is-24x24 is-inline-block') }}
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
88 </button>
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
89 </div>
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
90
395
5072e4a4e261 call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents: 394
diff changeset
91 <video id="local_video" class="is-video-only is-not-remote" autoplay playsinline></video>
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
92
394
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
93 <div class="call-controls columns is-centered is-mobile is-multiline">
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
94 <div class="column is-narrow">
395
5072e4a4e261 call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents: 394
diff changeset
95 <button class="button is-success is-not-remote" id="mute_audio_btn" aria-label="{{ _('Mute audio') }}">
394
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
96 {{ icon('mic', cls='image is-24x24 is-inline-block') }}
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
97 </button>
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
98 </div>
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
99 <div class="column is-narrow">
395
5072e4a4e261 call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents: 394
diff changeset
100 <button class="button is-success is-video-only is-not-remote" id="mute_video_btn" aria-label="{{ _('Mute video') }}">
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
101 {{ icon('videocam', cls='image is-24x24 is-inline-block') }}
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
102 </button>
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
103 </div>
395
5072e4a4e261 call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents: 394
diff changeset
104 <div id="share_desktop_column" class="column is-narrow is-hidden-touch is-video-only is-not-remote">
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
105 <button class="button is-success inactive screen-off" id="share_desktop_btn" aria-label="{{ _('Share desktop') }}">
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
106 {{ icon('desktop', cls='image is-24x24 is-inline-block') }}
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
107 </button>
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
108 </div>
395
5072e4a4e261 call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents: 394
diff changeset
109 <div id="switch_camera_column" class="column is-narrow is-hidden-desktop is-not-remote">
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
110 <button class="button is-success" id="switch_camera_btn" aria-label="{{ _('Switch camera') }}">
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
111 {{ icon('exchange', cls='image is-24x24 is-inline-block') }}
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
112 </button>
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
113 </div>
395
5072e4a4e261 call: update template to handle remote control mode.
Goffi <goffi@goffi.org>
parents: 394
diff changeset
114 <div class="column is-narrow is-not-remote">
394
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
115 <button class="button " id="send_file_btn" aria-label="{{ _('Send file') }}">
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
116 {{ icon('doc', cls='image is-24x24 is-inline-block') }}
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
117 </button>
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
118 <input type="file" id="send_file_input" style="display:none;" />
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
119 </div>
3c2bf7c30767 call: add a new button to send a file during a call.
Goffi <goffi@goffi.org>
parents: 382
diff changeset
120 <div class="column is-narrow">
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
121 <button class="button is-danger is-rotated-135" id="hangup_btn" aria-label="{{ _('Hang up') }}">
382
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
122 {{ icon('phone', cls='image is-24x24 is-inline-block') }}
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
123 </button>
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
124 </div>
c573917ce388 bulma (call): redesign of call box:
Goffi <goffi@goffi.org>
parents: 380
diff changeset
125 </div>
380
788729e741cc bulma (call): add button to switch camera
Goffi <goffi@goffi.org>
parents: 379
diff changeset
126
360
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
127 </div>
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
128 </div>
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
129
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
130
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
131 {# Group Calls #}
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
132 <div class="is-hidden is-flex is-flex-direction-column" id="group_call_container">
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
133 <div class="columns is-mobile is-vcentered mb-0">
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
134 <div class="column is-11" id="group_call_status_wrapper"></div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
135 <div class="column">
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
136 <button class="button is-light" id="group_full_screen_btn" aria-label="{{ _('Enter full screen') }}">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
137 {{ icon('resize-full', cls='image is-24x24 is-inline-block') }}
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
138 </button>
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
139 <button class="button is-light is-hidden" id="group_exit_full_screen_btn" aria-label="{{ _('Exit full screen') }}">
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
140 {{ icon('resize-small', cls='image is-24x24 is-inline-block') }}
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
141 </button>
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
142 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
143 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
144
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
145 <div class="columns is-multiline mt-3 is-flex-grow-1 is-variable is-1" id="group_video_grid">
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
146 <!-- Peer templates dynamically loaded here -->
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
147 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
148
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
149 <div class="group-call-controls columns is-centered is-mobile mt-3">
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
150 <div class="column is-narrow">
400
140690a18b63 call: group call design:
Goffi <goffi@goffi.org>
parents: 396
diff changeset
151 <button class="button is-danger is-rotated-135" id="group_hangup_btn" aria-label="{{ _('Hang up') }}">
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
152 {{ icon('phone', cls='image is-24x24 is-inline-block') }}
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
153 </button>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
154 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
155 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
156 </div>
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 395
diff changeset
157
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 360
diff changeset
158 </div>
360
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
159 </section>
c98a0a4a3fd0 bulma: "call" template, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
160 {% endblock body %}