This is the template project that's checked out and configured when you run the bando-up command from ljsthw-bandolier. This is where the code really lives.
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.
bandolier-template/admin/bando/demos/Pagination.svelte

34 lines
689 B

<script>
import Pagination from "$/client/components/Pagination.svelte";
let log = [];
let pagination = {
currentPage: 1,
total: 236,
lastPage: 12,
perPage: 20,
from: 20,
to: 80,
}
const page_changed = () => {
log.push(`New page ${pagination.currentPage} of ${pagination.lastPage}`);
log = log;
}
</script>
<p>Total Pages: <input name="page_count" bind:value={ pagination.lastPage } type="number" ></p>
<Pagination bind:pagination on:change={ page_changed }/>
<h3>Change Log</h3>
<p>A simple log of page changes only as a demo of handling the <b>changed</b> callback.</p>
<ul>
{#each log as line}
<li>{ line }</li>
{/each}
</ul>