Mercurial > libervia-templates
comparison sat_templates/templates/bulma/forum/view_topics.html @ 230:0e69b5843c2f
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 | 1928ba66c194 |
comparison
equal
deleted
inserted
replaced
| 229:739c3e6999fa | 230:0e69b5843c2f |
|---|---|
| 1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %} | |
| 2 {% import 'input/field.html' as field with context%} | |
| 3 {% import 'input/textbox.html' as textbox with context %} | |
| 4 {% import 'input/navigation.html' as navigation with context %} | |
| 5 {% import 'components/avatar.html' as avatar with context %} | |
| 6 | |
| 7 {% block body %} | |
| 8 | |
| 9 {% if not topics %} | |
| 10 <div class="message"> | |
| 11 <div class="message-body"> | |
| 12 {% trans %}There is not message yet in this forum.{% endtrans %} | |
| 13 {% if profile %} | |
| 14 {% trans %}You can start a topic of interest by filling this form.{% endtrans %} | |
| 15 {% else %} | |
| 16 {% trans %}You can login to create a new topic.{% endtrans %} | |
| 17 {% endif %} | |
| 18 </div> | |
| 19 </div> | |
| 20 {% endif %} | |
| 21 | |
| 22 <section class="section"> | |
| 23 <div class="has-background-white has-padding-1"> | |
| 24 {% for topic in topics %} | |
| 25 <div class="media has-items-vcentered"> | |
| 26 <div class="media-left"> | |
| 27 {{ avatar.avatar(topic.author) }} | |
| 28 </div> | |
| 29 <div class="media-content"> | |
| 30 <p class="is-size-5-desktop is-size-6-touch x-is-hoverable"> | |
| 31 <a href="{{topic.http_uri}}"> | |
| 32 {{topic.title}} | |
| 33 </a> | |
| 34 </p> | |
| 35 </div> | |
| 36 </div> | |
| 37 {% endfor %} | |
| 38 </div> | |
| 39 </section> | |
| 40 {% if profile %} | |
| 41 <section class="section"> | |
| 42 {% call textbox.textbox(service, node, placeholder=_("Your message"), submit_label=_("Create topic"), type="new_topic") %} | |
| 43 {{ field.text("title", placeholder=_("Your topic"), required=True) }} | |
| 44 {% endcall %} | |
| 45 </section> | |
| 46 {% endif %} | |
| 47 | |
| 48 {{ navigation.prev_next(_("older topics"), _("newer topics")) }} | |
| 49 {% endblock body %} |