40 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
			
		
		
	
	
			40 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
{%- comment -%}
 | 
						|
Map grabs the tutorials sections, giving us an array of arrays. Join, flattens all
 | 
						|
the items to a comma delimited string. Split turns it into an array again.
 | 
						|
{%- endcomment -%}
 | 
						|
{%- assign tutorials = site.data.tutorials | map: 'tutorials' | join: ',' | split: ',' -%}
 | 
						|
 | 
						|
{%- comment -%}
 | 
						|
Because this is built for every page, lets find where we are in the ordered
 | 
						|
document list by comparing url strings. Then if there's something previous or
 | 
						|
next, lets build a link to it.
 | 
						|
{%- endcomment -%}
 | 
						|
 | 
						|
{% for tutorial in tutorials -%}
 | 
						|
  {% assign tutorial_url = tutorial | prepend:"/tutorials/" | append:"/" -%}
 | 
						|
  {% if tutorial_url == page.url -%}
 | 
						|
  <div class="section-nav">
 | 
						|
    <div class="left align-right">
 | 
						|
        {% if forloop.first -%}
 | 
						|
          <span class="prev disabled">Back</span>
 | 
						|
        {% else -%}
 | 
						|
          {% assign previous = forloop.index0 | minus: 1 -%}
 | 
						|
          {% assign previous_page = tutorials[previous] | prepend:"/tutorials/" | append:"/" -%}
 | 
						|
          <a href="{{ previous_page | relative_url }}" class="prev">Back</a>
 | 
						|
        {% endif -%}
 | 
						|
    </div>
 | 
						|
    <div class="right align-left">
 | 
						|
        {% if forloop.last -%}
 | 
						|
          <span class="next disabled">Next</span>
 | 
						|
        {% else -%}
 | 
						|
          {% assign next = forloop.index0 | plus: 1 -%}
 | 
						|
          {% assign next_page = tutorials[next] | prepend:"/tutorials/" | append:"/" -%}
 | 
						|
          <a href="{{ next_page | relative_url }}" class="next">Next</a>
 | 
						|
        {% endif -%}
 | 
						|
    </div>
 | 
						|
  </div>
 | 
						|
  <div class="clear"></div>
 | 
						|
  {% break -%}
 | 
						|
  {% endif -%}
 | 
						|
{% endfor -%}
 |