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 %}