Mercurial > libervia-templates
annotate sat_templates/templates/default/forum/view_topics.html @ 166:178f55b825b7
small refactoring/redesign, better BEM integration:
- blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file.
- better noscript handling, dynamic elements are created using "magic" classes (dom_update.js)
- using better icons for older/newer messages
- better state handling, classes now use "state_XXX"
- more classes now use BEM convention
- menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites
- better styles.css organisation
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Wed, 03 Oct 2018 21:00:24 +0200 |
| parents | e9f0a4215e46 |
| children |
| rev | line source |
|---|---|
| 120 | 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 %} | |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
120
diff
changeset
|
10 <div class="message--info"> |
| 120 | 11 {% trans %}There is not message yet in this forum.{% endtrans %} |
| 12 {% if profile %} | |
| 13 {% trans %}You can start a topic of interest by filling this form.{% endtrans %} | |
| 14 {% else %} | |
| 15 {% trans %}You can login to create a new topic.{% endtrans %} | |
| 16 {% endif %} | |
| 17 </div> | |
| 18 {% endif %} | |
| 19 {% if profile %} | |
| 133 | 20 <div class="forum__topic_create"> |
| 120 | 21 {% call textbox.textbox(service, node, placeholder=_("Your message"), submit_label=_("Create topic"), type="new_topic") %} |
| 22 {{ field.text("title", placeholder=_("Your topic (try to be short and explicit)"), required=True) }} | |
| 23 {% endcall %} | |
| 24 </div> | |
| 25 {% endif %} | |
| 26 | |
| 133 | 27 <div class="forum__topics"> |
| 120 | 28 {% for topic in topics %} |
| 29 <div> | |
| 30 <a href="{{topic.http_uri}}"> | |
| 31 {{ avatar.avatar(topic.author) }} | |
| 32 {{topic.title}} | |
| 33 </a> | |
| 34 </div> | |
| 35 {% endfor %} | |
| 36 </div> | |
| 37 | |
| 38 {{ navigation.prev_next(_("older topics"), _("newer topics")) }} | |
| 39 {% endblock body %} |