diff 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
line wrap: on
line diff
--- a/sat_templates/templates/default/forum/view.html	Fri Sep 14 19:49:15 2018 +0200
+++ b/sat_templates/templates/default/forum/view.html	Wed Oct 03 21:00:24 2018 +0200
@@ -2,8 +2,10 @@
 {% set dates_format='relative' if single else 'short' %}
 {% import 'blog/macros.html' as blog with context %}
 {% import 'input/textbox.html' as textbox with context %}
+{% import 'input/navigation.html' as navigation with context %}
 
 {% block body %}
+{{ icon_defs('angle-double-left', 'angle-double-right') }}
 
 <div id="blog_items">
     {{ blog.show_items(items, expanded=true) }}
@@ -11,24 +13,6 @@
 <div class="forum_topic_answer">
     {{- textbox.comment_or_login(service=service, node=node, placeholder=_("Enter your message here")) -}}
 </div>
-<nav class="prev_next_links">
-    <ul>
-        {% if newer_url is defined %}
-            <li class="newer_items">
-                <a href="{{newer_url}}">
-                    <img src="{{media_path}}icons/tango/actions/32/go-previous.png">
-                    {% trans %}newer messages{% endtrans %}
-                </a>
-            </li>
-        {% endif %}
-        {% if older_url is defined %}
-            <li class="older_items">
-                <a href="{{older_url}}">
-                    <img src="{{media_path}}icons/tango/actions/32/go-next.png">
-                    {% trans %}older messages{% endtrans %}
-                </a>
-            </li>
-        {% endif %}
-    </ul>
-</nav>
+
+{{ navigation.prev_next(_("newer articles"), _("older articles")) }}
 {% endblock body %}