comparison sat_templates/templates/bulma/chat/select.html @ 368:68c6f30aecab

bulma (chat/select): put the search at top and replace technical terms: the search bar is now at the top, and technical term ("JID") has been replaced to make it more user-friendly.
author Goffi <goffi@goffi.org>
date Thu, 06 Jul 2023 11:38:51 +0200
parents 1928ba66c194
children
comparison
equal deleted inserted replaced
367:58c4c1664421 368:68c6f30aecab
4 {% import 'input/field.html' as field with context %} 4 {% import 'input/field.html' as field with context %}
5 5
6 {% block body %} 6 {% block body %}
7 7
8 <section class="section"> 8 <section class="section">
9 <div class="message"> 9 {% call form.form(class="form--single") %}
10 <div class="message-body"> 10 {{ field.search("search", _("Search rooms and peopleā€¦"), required=true)}}
11 {% trans %}Please select the chat room you want to enter{% endtrans %} 11 {% endcall %}
12 </div>
13 </div>
14 </section> 12 </section>
15 13
16 <section class="section"> 14 <section class="section">
17 <div class="columns is-mobile is-multiline"> 15 <div id="chat_items" class="columns is-mobile is-multiline">
18 {% for room in rooms %} 16 {% for room in rooms %}
19 <div class="column is-2-desktop is-4-touch"> 17 <div class="column is-2-desktop is-4-touch">
20 <div class="card x-is-hoverable"> 18 <div class="card x-is-hoverable">
21 <a href="{{room.url}}"> 19 <a href="{{room.url}}">
22 <div class="card-image is-flex has-items-centered px-1 py-1"> 20 <div class="card-image is-flex has-items-centered px-1 py-1">
30 </div> 28 </div>
31 {% endfor %} 29 {% endfor %}
32 </div> 30 </div>
33 </section> 31 </section>
34 32
35 <section class="section">
36 <p class="content">{% trans %}Or enter a room address{% endtrans %}</p>
37 {% call form.form(class="form--single") %}
38 {{ field.text("jid", _("Room address (JID)"), required=true)}}
39 {{ field.submit(_("Join")) }}
40 {% endcall %}
41 </section>
42
43 {% endblock body %} 33 {% endblock body %}