diff options
Diffstat (limited to 'ui/client-scripts')
| -rw-r--r-- | ui/client-scripts/src/main.ts | 1 | ||||
| -rw-r--r-- | ui/client-scripts/src/pagination.ts | 18 |
2 files changed, 19 insertions, 0 deletions
diff --git a/ui/client-scripts/src/main.ts b/ui/client-scripts/src/main.ts index 303ac71..ba60646 100644 --- a/ui/client-scripts/src/main.ts +++ b/ui/client-scripts/src/main.ts @@ -10,3 +10,4 @@ import "./backbutton.ts" import "./dangerbutton.ts" import "./log_live.ts" import "./import_live.ts" +import "./pagination.ts" diff --git a/ui/client-scripts/src/pagination.ts b/ui/client-scripts/src/pagination.ts new file mode 100644 index 0000000..380b20e --- /dev/null +++ b/ui/client-scripts/src/pagination.ts @@ -0,0 +1,18 @@ + +globalThis.addEventListener("DOMContentLoaded", () => { + const el = document.querySelector(".next_page") as HTMLElement + if (!el) return + const cont = document.body.parentElement! + console.log(cont); + + cont.addEventListener("scroll", () => { + const end = cont.scrollTop + cont.clientHeight + console.log(end, cont.scrollHeight); + + if (end + 1000 > el.scrollHeight) { + el.textContent = "Loading more..." + el.click() + } + + }) +}) |