diff sat_templates/templates/bulma/call/call.html @ 394:3c2bf7c30767

call: add a new button to send a file during a call.
author Goffi <goffi@goffi.org>
date Sat, 06 Apr 2024 13:08:03 +0200
parents c573917ce388
children 5072e4a4e261
line wrap: on
line diff
--- a/sat_templates/templates/bulma/call/call.html	Sat Apr 06 13:07:26 2024 +0200
+++ b/sat_templates/templates/bulma/call/call.html	Sat Apr 06 13:08:03 2024 +0200
@@ -5,7 +5,7 @@
 
 {% block body %}
     {{ icon_defs(
-    "resize-full", "resize-small", "volume-up", "videocam", "dot-3-vert", "wrench", "user-circle", "desktop", "exchange", "phone"
+    "desktop", "doc", "dot-3-vert", "exchange", "mic", "phone", "resize-full", "resize-small", "user-circle", "videocam", "wrench"
     ) }}
     <audio id="audio_player" class="is-hidden" src="{{media_path}}sounds/notifications/ring_1.mp3" preload="auto" loop></audio>
     <section class="section is-full-below-menu" style="position: relative" >
@@ -80,10 +80,10 @@
 
             <video id="local_video" class="is-video-only" autoplay playsinline></video>
 
-            <div class="call-controls columns is-centered is-mobile">
+            <div class="call-controls columns is-centered is-mobile is-multiline">
                 <div class="column is-narrow">
                     <button class="button is-success" id="mute_audio_btn" aria-label="{{ _('Mute audio') }}">
-                        {{ icon('volume-up', cls='image is-24x24 is-inline-block') }}
+                        {{ icon('mic', cls='image is-24x24 is-inline-block') }}
                     </button>
                 </div>
                 <div class="column is-narrow">
@@ -91,7 +91,7 @@
                         {{ icon('videocam', cls='image is-24x24 is-inline-block') }}
                     </button>
                 </div>
-                <div id="share_desktop_column" class="column is-narrow is-hidden-touch">
+                <div id="share_desktop_column" class="column is-narrow is-hidden-touch is-video-only">
                     <button class="button is-success inactive screen-off" id="share_desktop_btn" aria-label="{{ _('Share desktop') }}">
                         {{ icon('desktop', cls='image is-24x24 is-inline-block') }}
                     </button>
@@ -102,6 +102,12 @@
                     </button>
                 </div>
                 <div class="column is-narrow">
+                    <button class="button " id="send_file_btn" aria-label="{{ _('Send file') }}">
+                        {{ icon('doc', cls='image is-24x24 is-inline-block') }}
+                    </button>
+                    <input type="file" id="send_file_input" style="display:none;" />
+                </div>
+                <div class="column is-narrow">
                     <button class="button is-danger" id="hangup_btn" aria-label="{{ _('Hang up') }}">
                         {{ icon('phone', cls='image is-24x24 is-inline-block') }}
                     </button>