From 90c4840f69a3f36b28820d5909e30e55e3646e1b Mon Sep 17 00:00:00 2001
From: monsieurswag <mael.joumier@intuitem.com>
Date: Wed, 3 Apr 2024 17:07:42 +0200
Subject: [PATCH 1/2] Reset the model table page when switching between model
 tables of different type of objects

---
 frontend/src/lib/components/ModelTable/Pagination.svelte | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/lib/components/ModelTable/Pagination.svelte b/frontend/src/lib/components/ModelTable/Pagination.svelte
index 6151c070e..b5ebd8fcd 100644
--- a/frontend/src/lib/components/ModelTable/Pagination.svelte
+++ b/frontend/src/lib/components/ModelTable/Pagination.svelte
@@ -1,10 +1,15 @@
 <script lang="ts">
 	import type { DataHandler } from '@vincjo/datatables';
+	import { page } from '$app/stores';
 	import * as m from '$paraglide/messages';
 	export let handler: DataHandler;
 	const pageNumber = handler.getPageNumber();
 	const pageCount = handler.getPageCount();
 	const pages = handler.getPages({ ellipsis: true });
+
+	$: if ($page.url) {
+		handler.setPage(1);
+	}
 </script>
 
 <section class="flex">

From f6371490b7088da7e35a217ed23775152c574980 Mon Sep 17 00:00:00 2001
From: monsieurswag <mael.joumier@intuitem.com>
Date: Fri, 5 Apr 2024 10:08:43 +0200
Subject: [PATCH 2/2] Make model table page persistent through navigation by
 using sessionStorage

---
 .../components/ModelTable/Pagination.svelte   | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/ModelTable/Pagination.svelte b/frontend/src/lib/components/ModelTable/Pagination.svelte
index b5ebd8fcd..996e60c99 100644
--- a/frontend/src/lib/components/ModelTable/Pagination.svelte
+++ b/frontend/src/lib/components/ModelTable/Pagination.svelte
@@ -1,14 +1,35 @@
 <script lang="ts">
 	import type { DataHandler } from '@vincjo/datatables';
 	import { page } from '$app/stores';
+	import { onMount } from 'svelte';
 	import * as m from '$paraglide/messages';
+
 	export let handler: DataHandler;
 	const pageNumber = handler.getPageNumber();
 	const pageCount = handler.getPageCount();
 	const pages = handler.getPages({ ellipsis: true });
+	let urlModel: string | undefined;
+	let _sessionStorage = null;
+	
+	onMount(() => {
+		_sessionStorage = sessionStorage;
+	});
+
+	$: if ($page.url && _sessionStorage) {
+		const pageData = JSON.parse(_sessionStorage.getItem("model_table_page_data") ?? "{}");
+		urlModel = (`${$page.url}`).replace("/\/+$/","").split("/").pop()
+
+		const currentPage = pageData[urlModel] ?? 1;
+		handler.setPage(currentPage);
+		pageData[urlModel] = currentPage;
+
+		_sessionStorage.setItem("model_table_page_data",JSON.stringify(pageData));
+	}
 
-	$: if ($page.url) {
-		handler.setPage(1);
+	$: if ($pageNumber && urlModel && _sessionStorage) {
+		const pageData = JSON.parse(_sessionStorage.getItem("model_table_page_data") ?? "{}");
+		pageData[urlModel] = $pageNumber;
+		_sessionStorage.setItem("model_table_page_data",JSON.stringify(pageData));
 	}
 </script>