This page demonstrates how you can paginate data. The data comes in a several feeds (see here for data in one feeds)
Create a new JCI-Template for that:
- Name of Template: paginate
- URL:
{% set page = 0 %}{% if urlparam.no %}{% set page = urlparam.no-1 %}{% endif %}
https://api.json-content-importer.com/extra/api/pagination/?page={{page}}
- urlparam4twig: no
- twig template:
{% set noonpage = 10 %}
{% set noofpages = (totalno/noonpage) | round(0, 'ceil') %}
no of found dataitems: {{totalno}}, show on {{noofpages}} pages, each with {{noonpage }} items
<br>
{% set page = 1 %}{% if urlparam.no %}{% set page = urlparam.no %}{% endif %}
{% for i in 1..noofpages %}
{% if i==page %}
//<b>this is page: </b> {{page }} //
{% else %}
<a href=?no={{i}}>{{i}}</a>
{% endif %}
{% endfor %}
{% set currentpage = 1 %}
{% if urlparam.no %}{% set currentpage = page %}{% endif %}
<br>{% set start = noonpage * (currentpage-1) +1 %}
{% set end = start + noonpage -1 %}
{% if start < 1 %} {% set start = 1 %} {% set end = noonpage %} {% endif %}
{% if end > totalno %} {% set end = totalno %} {% endif %}
show {{start}} to {{end}}
<br>
{% for k,v in items %}
{{k}}: {{v}}<br>
{% endfor %}
Example in action:
no of found dataitems: 87, show on 9 pages, each with 10 items1 2 3 4 5 6 7 8 //this is page: 9 //
show 81 to 87
81: 43ec517d68b6edd3015b3edc9a11367b
82: 9778d5d219c5080b9a6a17bef029331c
83: fe9fc289c3ff0af142b6d3bead98a923
84: 68d30a9594728bc39aa24be94b319d21
85: 3ef815416f775098fe977004015c6193
86: 93db85ed909c13838ff95ccfa94cebd9
87: c7e1249ffc03eb9ded908c236bd1996d