A website for producing interactive charts without writing a single line of code. Built with Common Lisp and Python.
https://charts.craigoates.net
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.8 KiB
57 lines
1.8 KiB
<nav class="pagination" role="navigation" aria-label="pagination"> |
|
<div class="pagination-list"> |
|
<div> |
|
<div> |
|
{% if pagination.page == 1 %} |
|
<span class="ui-disabled pagination" aria-label="Goto previous page">First</span> |
|
{% else %} |
|
<a class="ui-link pagination" aria-label="Goto previous page" |
|
href="/{{root-url}}?PAGE=1">First</a> |
|
{% endif %} |
|
|
|
{% if pagination.page > 1 %} |
|
<a class="ui-link pagination" |
|
aria-label="Goto previous page" |
|
href="/{{root-url}}?PAGE={{pagination.page|add:-1}}">Prev.</a> |
|
{% else %} |
|
<span class="ui-disabled pagination" aria-label="Goto previous page">Prev.</span> |
|
{% endif %} |
|
</div> |
|
|
|
<div> |
|
{% for item in pagination.button-range %} |
|
{% if item > 0 |
|
and item <= pagination.nb-pages %} |
|
{% if item == pagination.page %} |
|
<a class="ui-link ui-is-current pagination" |
|
aria-label="Goto page {{item}}" |
|
href="/{{root-url}}?PAGE={{item}}">{{item}}</a> |
|
{% else %} |
|
<a class="ui-link pagination" aria-label="Goto page {{item}}" |
|
href="/{{root-url}}?PAGE={{item}}">{{item}}</a> |
|
{% endif %} |
|
{% endif %} |
|
{% endfor %} |
|
</div> |
|
|
|
<div> |
|
{% if pagination.page < pagination.nb-pages %} |
|
<a class="ui-link pagination" |
|
aria-label="Goto previous page" |
|
href="/{{root-url}}?PAGE={{pagination.page|add:1}}">Next</a> |
|
{% else %} |
|
<span class="ui-disabled" |
|
aria-label="Goto previous page">Next</span> |
|
{% endif %} |
|
|
|
{% ifequal pagination.page pagination.nb-pages %} |
|
<span class="ui-disabled" aria-label="Goto next page">Last</span> |
|
{% else %} |
|
<a class="ui-link pagination" aria-label="Goto next page" |
|
href="/{{root-url}}?PAGE={{pagination.nb-pages}}">Last</a> |
|
{% endifequal %} |
|
</div> |
|
</div> |
|
<div>{{pagination.text-label}}</div> |
|
</div> |
|
</nav>
|
|
|