Additional style changes to navigation; add three navigation images
[mediagoblin.git] / mediagoblin / templates / mediagoblin / utils / prev_next.html
1 {#
2 # GNU MediaGoblin -- federated, autonomous media hosting
3 # Copyright (C) 2011 Free Software Foundation, Inc
4 #
5 # This program is free software: you can redistribute it and/or modify
6 # it under the terms of the GNU Affero General Public License as published by
7 # the Free Software Foundation, either version 3 of the License, or
8 # (at your option) any later version.
9 #
10 # This program is distributed in the hope that it will be useful,
11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 # GNU Affero General Public License for more details.
14 #
15 # You should have received a copy of the GNU Affero General Public License
16 # along with this program. If not, see <http://www.gnu.org/licenses/>.
17 #}
18
19 {# Provide navigation links to neighboring media entries, if possible #}
20 {% set prev_entry_url = media.url_to_prev(request.urlgen) %}
21 {% set next_entry_url = media.url_to_next(request.urlgen) %}
22
23 <div>
24 {# There are no previous entries for the very first media entry #}
25 {% if prev_entry_url %}
26 <a class="navigation_button navigation_left" href="{{ prev_entry_url }}">
27 <img src="/mgoblin_static/images/navigation_left.png" alt="Previous image" />
28 </a>
29 {% else %}
30 {# This is the first entry. display greyed-out 'previous' image #}
31 <p class="navigation_button navigation_left">
32 <img src="/mgoblin_static/images/navigation_end.png" alt="No previous images" />
33 </p>
34 {% endif %}
35 {# Likewise, this could be the very last media entry #}
36 {% if next_entry_url %}
37 <a class="navigation_button" href="{{ next_entry_url }}">
38 <img src="/mgoblin_static/images/navigation_right.png" alt="Next image" />
39 </a>
40 {% else %}
41 {# This is the last entry. display greyed-out 'next' image #}
42 <p class="navigation_button">
43 <img src="/mgoblin_static/images/navigation_end.png" alt="No following images" />
44 </p>
45 {% endif %}
46 </div>