Mercurial > libervia-templates
annotate sat_templates/templates/bulma/chat/select.html @ 289:f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
- if `full_screen_body` is set in template, the `body--fullscreen` class will be added to
`<body>` element. It will then be a flexbox container (in columns), and displayed on the whole viewport.
- new `body_wrapper` block, if a page needs to replace the `#body` container.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Mon, 28 Sep 2020 17:25:26 +0200 |
| parents | 1928ba66c194 |
| children | 68c6f30aecab |
| 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"> | |
| 9 <div class="message"> | |
| 10 <div class="message-body"> | |
| 11 {% trans %}Please select the chat room you want to enter{% endtrans %} | |
| 12 </div> | |
| 13 </div> | |
| 14 </section> | |
| 15 | |
| 16 <section class="section"> | |
|
234
b54526baef6b
(bulma) chat: fixed typo in classname
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
17 <div class="columns is-mobile is-multiline"> |
| 230 | 18 {% for room in rooms %} |
| 19 <div class="column is-2-desktop is-4-touch"> | |
| 20 <div class="card x-is-hoverable"> | |
| 21 <a href="{{room.url}}"> | |
|
246
1928ba66c194
bulma: replaced custom styles by new spacing helpers
Goffi <goffi@goffi.org>
parents:
234
diff
changeset
|
22 <div class="card-image is-flex has-items-centered px-1 py-1"> |
| 230 | 23 {{ avatar.avatar(room.jid, "is-64x64") }} |
| 24 </div> | |
|
246
1928ba66c194
bulma: replaced custom styles by new spacing helpers
Goffi <goffi@goffi.org>
parents:
234
diff
changeset
|
25 <div class="card-content has-text-centered has-text-shortenable px-1 py-1"> |
| 230 | 26 <span>{{room.name}}</span> |
| 27 </div> | |
| 28 </a> | |
| 29 </div> | |
| 30 </div> | |
| 31 {% endfor %} | |
| 32 </div> | |
| 33 </section> | |
| 34 | |
| 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 %} |