Mercurial > libervia-templates
annotate sat_templates/templates/bulma/chat/select.html @ 369:1b753e3baf06
bulma (chat): add `search_item` to handle search results in chat selection
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 06 Jul 2023 11:42:16 +0200 |
parents | 68c6f30aecab |
children |
rev | line source |
---|---|
230 | 1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %} |
2 {% import 'components/avatar.html' as avatar with context %} | |
3 {% import 'input/form.html' as form with context %} | |
4 {% import 'input/field.html' as field with context %} | |
5 | |
6 {% block body %} | |
7 | |
8 <section class="section"> | |
368
68c6f30aecab
bulma (chat/select): put the search at top and replace technical terms:
Goffi <goffi@goffi.org>
parents:
246
diff
changeset
|
9 {% call form.form(class="form--single") %} |
68c6f30aecab
bulma (chat/select): put the search at top and replace technical terms:
Goffi <goffi@goffi.org>
parents:
246
diff
changeset
|
10 {{ field.search("search", _("Search rooms and peopleā¦"), required=true)}} |
68c6f30aecab
bulma (chat/select): put the search at top and replace technical terms:
Goffi <goffi@goffi.org>
parents:
246
diff
changeset
|
11 {% endcall %} |
230 | 12 </section> |
13 | |
14 <section class="section"> | |
368
68c6f30aecab
bulma (chat/select): put the search at top and replace technical terms:
Goffi <goffi@goffi.org>
parents:
246
diff
changeset
|
15 <div id="chat_items" class="columns is-mobile is-multiline"> |
230 | 16 {% for room in rooms %} |
17 <div class="column is-2-desktop is-4-touch"> | |
18 <div class="card x-is-hoverable"> | |
19 <a href="{{room.url}}"> | |
246
1928ba66c194
bulma: replaced custom styles by new spacing helpers
Goffi <goffi@goffi.org>
parents:
234
diff
changeset
|
20 <div class="card-image is-flex has-items-centered px-1 py-1"> |
230 | 21 {{ avatar.avatar(room.jid, "is-64x64") }} |
22 </div> | |
246
1928ba66c194
bulma: replaced custom styles by new spacing helpers
Goffi <goffi@goffi.org>
parents:
234
diff
changeset
|
23 <div class="card-content has-text-centered has-text-shortenable px-1 py-1"> |
230 | 24 <span>{{room.name}}</span> |
25 </div> | |
26 </a> | |
27 </div> | |
28 </div> | |
29 {% endfor %} | |
30 </div> | |
31 </section> | |
32 | |
33 {% endblock body %} |