Mercurial > libervia-templates

changeset 360:c98a0a4a3fd0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma: "call" template, first draft: Basic template to make or receive calls. rel 422
author Goffi <goffi@goffi.org>
date Thu, 01 Jun 2023 20:50:47 +0200
parents 16b3a2988afd
children e44c0627d00b
files sat_templates/templates/bulma/call/call.html sat_templates/templates/bulma/components/menu_labels.html sat_templates/templates/bulma/static/call.css
diffstat 3 files changed, 68 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/call/call.html	Thu Jun 01 20:50:47 2023 +0200
@@ -0,0 +1,35 @@
+{% if not embedded %}
+    {% set loading_screen = true %}
+    {% extends 'base/base.html' %}
+{% endif %}
+
+{% block body %}
+<section class="section">
+
+    <div class="call_box">
+        <video id="remote_video" autoplay playsinline></video>
+        <video id="local_video" autoplay playsinline muted></video>
+    </div>
+
+    <div class="field is-horizontal">
+        <div class="field-label is-normal">
+            <label class="label" for="jid">{% trans %}Callee JID{% endtrans %}</label>
+        </div>
+        <div class="field-body">
+            <div class="field">
+                <div class="control">
+                    <input class="input" type="text" id="callee_jid" value="louise@tazar3.int">
+                </div>
+            </div>
+            <div class="field">
+                <div class="control">
+                    <button class="button is-primary" id="call_btn">&#128222; {% trans %}Call{% endtrans %}</button>
+                    <button class="button is-hidden" id="hangup_btn">{% trans %}Hang Up{% endtrans %}</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+</section>
+{% endblock body %}
--- a/sat_templates/templates/bulma/components/menu_labels.html	Sat Apr 08 13:59:12 2023 +0200
+++ b/sat_templates/templates/bulma/components/menu_labels.html	Thu Jun 01 20:50:47 2023 +0200
@@ -2,6 +2,7 @@
 {% set label = {
     'login': _('Session') if profile else _('Log in'),
     'blog': _('Blog'),
+    'calls': _('Calls'),
     'forums': _('Forums'),
     'merge-requests': _('Merge requests'),
     'merge-request_new': _('Create new merge request'),
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/static/call.css	Thu Jun 01 20:50:47 2023 +0200
@@ -0,0 +1,32 @@
+
+.call_box {
+  width: 100%;
+  height: 500px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid #ddd;
+  margin-bottom: 15px;
+}
+
+#remote_video, #local_video {
+  border: 3px solid #eee;
+  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+#remote_video {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+#local_video {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+  width: 30%;
+  height: 30%;
+}
+