Mercurial > libervia-templates
comparison sat_templates/templates/default/forum/view.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 |
comparison
equal
deleted
inserted
replaced
165:9e8d9d754337 | 166:178f55b825b7 |
---|---|
1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %} | 1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %} |
2 {% set dates_format='relative' if single else 'short' %} | 2 {% set dates_format='relative' if single else 'short' %} |
3 {% import 'blog/macros.html' as blog with context %} | 3 {% import 'blog/macros.html' as blog with context %} |
4 {% import 'input/textbox.html' as textbox with context %} | 4 {% import 'input/textbox.html' as textbox with context %} |
5 {% import 'input/navigation.html' as navigation with context %} | |
5 | 6 |
6 {% block body %} | 7 {% block body %} |
8 {{ icon_defs('angle-double-left', 'angle-double-right') }} | |
7 | 9 |
8 <div id="blog_items"> | 10 <div id="blog_items"> |
9 {{ blog.show_items(items, expanded=true) }} | 11 {{ blog.show_items(items, expanded=true) }} |
10 </div> | 12 </div> |
11 <div class="forum_topic_answer"> | 13 <div class="forum_topic_answer"> |
12 {{- textbox.comment_or_login(service=service, node=node, placeholder=_("Enter your message here")) -}} | 14 {{- textbox.comment_or_login(service=service, node=node, placeholder=_("Enter your message here")) -}} |
13 </div> | 15 </div> |
14 <nav class="prev_next_links"> | 16 |
15 <ul> | 17 {{ navigation.prev_next(_("newer articles"), _("older articles")) }} |
16 {% if newer_url is defined %} | |
17 <li class="newer_items"> | |
18 <a href="{{newer_url}}"> | |
19 <img src="{{media_path}}icons/tango/actions/32/go-previous.png"> | |
20 {% trans %}newer messages{% endtrans %} | |
21 </a> | |
22 </li> | |
23 {% endif %} | |
24 {% if older_url is defined %} | |
25 <li class="older_items"> | |
26 <a href="{{older_url}}"> | |
27 <img src="{{media_path}}icons/tango/actions/32/go-next.png"> | |
28 {% trans %}older messages{% endtrans %} | |
29 </a> | |
30 </li> | |
31 {% endif %} | |
32 </ul> | |
33 </nav> | |
34 {% endblock body %} | 18 {% endblock body %} |