Mercurial > libervia-templates

diff sat_templates/templates/bulma/chat/select.html @ 230:0e69b5843c2f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
theme: bulma theme first draft: This theme uses the Bulma CSS framework, Brython to handle the menu on touch devices, and Sass to customize Bulma. CSS default fallbacks are disabled as Bulma uses its own naming conventions, and default fallbacks would lead to hard to debug conflicts. `common.js` has been slightly improved to handle custom classed in `tab_select` The theme is not complete yet, but it is functional.
author Goffi <goffi@goffi.org>
date Tue, 19 May 2020 00:02:34 +0200
parents
children b54526baef6b
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/chat/select.html	Tue May 19 00:02:34 2020 +0200
@@ -0,0 +1,43 @@
+{% if not embedded %}{% extends 'base/base.html' %}{% endif %}
+{% import 'components/avatar.html' as avatar with context %}
+{% import 'input/form.html' as form with context %}
+{% import 'input/field.html' as field with context %}
+
+{% block body %}
+
+<section class="section">
+    <div class="message">
+        <div class="message-body">
+            {% trans %}Please select the chat room you want to enter{% endtrans %}
+        </div>
+    </div>
+</section>
+
+<section class="section">
+    <div class="columns is-mobile is-muliline">
+        {% for room in rooms %}
+            <div class="column is-2-desktop is-4-touch">
+                <div class="card x-is-hoverable">
+                    <a href="{{room.url}}">
+                        <div class="card-image is-flex has-items-centered has-padding-1">
+                            {{ avatar.avatar(room.jid, "is-64x64") }}
+                        </div>
+                        <div class="card-content has-text-centered has-text-shortenable has-padding-1">
+                            <span>{{room.name}}</span>
+                        </div>
+                    </a>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+</section>
+
+<section class="section">
+    <p class="content">{% trans %}Or enter a room address{% endtrans %}</p>
+    {% call form.form(class="form--single") %}
+        {{ field.text("jid", _("Room address (JID)"), required=true)}}
+        {{ field.submit(_("Join")) }}
+    {% endcall %}
+</section>
+
+{% endblock body %}