This is the code that runs https://bandolier.learnjsthehardway.com/ for you to review. It uses the https://git.learnjsthehardway.com/learn-javascript-the-hard-way/bandolier-template to create the documentation for the project.
https://bandolier.learnjsthehardway.com/
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.
33 lines
689 B
33 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>
|
|
|