From 03a7c423534024781fd8a588267f95bb556d0c26 Mon Sep 17 00:00:00 2001
From: Maarten Segers <MPParsley@users.noreply.github.com>
Date: Tue, 2 Jul 2024 10:51:07 +0200
Subject: [PATCH] PROBE-220: Add current page

---
 webcomponents/besluiten-lijst/index.html | 8 ++++----
 webcomponents/besluiten-lijst/main.js    | 3 +++
 webcomponents/reglementen-lijst/main.js  | 3 +++
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/webcomponents/besluiten-lijst/index.html b/webcomponents/besluiten-lijst/index.html
index e5e54d9..9ff36ce 100644
--- a/webcomponents/besluiten-lijst/index.html
+++ b/webcomponents/besluiten-lijst/index.html
@@ -38,7 +38,7 @@ <h1>Besluiten lijst</h1>
     </besluiten-lijst>
     <besluiten-lijst
             sparql-endpoint="https://probe.stad.gent/sparql"
-            aantal="20"
+            aantal="5"
             pager="true"
             taxonomy="http://stad.gent/id/concepts/decision_making_themes"
             concepts="http://stad.gent/id/concepts/decision_making_themes/concept_36"
@@ -48,12 +48,12 @@ <h1>Besluiten lijst</h1>
     </besluiten-lijst>
     <besluiten-lijst
             sparql-endpoint="https://probe.stad.gent/sparql"
-             aantal="5"
+            aantal="5"
             pager="true"
             start="2024-01-01"
-            eind="2024-01-31"
+            eind="2024-01-07"
       >
-      <span slot="title">Alle besluiten tussen 1 januari 2024 en 31 januari 2024 (probe)</span>
+      <span slot="title">Alle besluiten tussen 1 januari 2024 en 7 januari 2024 (probe)</span>
     </besluiten-lijst>
     <besluiten-lijst
             sparql-endpoint="https://probe.stad.gent/sparql"
diff --git a/webcomponents/besluiten-lijst/main.js b/webcomponents/besluiten-lijst/main.js
index e4a1cec..62a87b4 100644
--- a/webcomponents/besluiten-lijst/main.js
+++ b/webcomponents/besluiten-lijst/main.js
@@ -269,6 +269,8 @@ class BesluitenLijst extends HTMLElement {
   getPager() {
     let previous = '';
     let next = '';
+    let currentPage = Math.floor(this.offset / this.amount) + 1;
+    let totalPages = Math.ceil(this.maxCount / this.amount);
 
     if (this.offset >= this.amount) {
       previous = `
@@ -291,6 +293,7 @@ class BesluitenLijst extends HTMLElement {
       <h2 id="pagination" class="visually-hidden">Paginatie</h2>
       <ul class="pager__items">
         ${previous}
+        <li class="current-page">Pagina ${currentPage} van ${totalPages}</li>
         ${next}
       </ul>
     </nav>
diff --git a/webcomponents/reglementen-lijst/main.js b/webcomponents/reglementen-lijst/main.js
index 4a43bc1..53afc38 100644
--- a/webcomponents/reglementen-lijst/main.js
+++ b/webcomponents/reglementen-lijst/main.js
@@ -295,6 +295,8 @@ class ReglementenLijst extends HTMLElement {
   getPager() {
     let previous = '';
     let next = '';
+    let currentPage = Math.floor(this.offset / this.amount) + 1;
+    let totalPages = Math.ceil(this.maxCount / this.amount);
 
     if (this.offset >= this.amount) {
       previous = `
@@ -317,6 +319,7 @@ class ReglementenLijst extends HTMLElement {
       <h2 id="pagination" class="visually-hidden">Paginatie</h2>
       <ul class="pager__items">
         ${previous}
+        <li class="current-page">Pagina ${currentPage} van ${totalPages}</li>
         ${next}
       </ul>
     </nav>