From dd1a61acabeff44c3ad0e34fb262363052974d64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Majdand=C5=BEi=C4=87?=
 <david.majdandzic@hotmail.com>
Date: Thu, 13 Jun 2024 11:49:17 +0200
Subject: [PATCH] Implement lookback days

---
 src/lib/components/Header.svelte   |  2 ++
 src/lib/database/food.ts           |  4 +++-
 src/lib/router/routes/Home.svelte  |  3 +++
 src/lib/store/foodStore.ts         |  7 ++++++-
 src/lib/store/lookbackDaysStore.ts | 20 ++++++++++++++++++++
 5 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/store/lookbackDaysStore.ts

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index e2931b1..6ce0282 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -10,6 +10,7 @@
 	import { cn } from '$lib/utils'
 	import { dbStateStore } from '$lib/store/dbState'
 	import { DBService } from '$lib/database'
+	import { lookbackDaysStore } from '$lib/store/lookbackDaysStore'
 
 	Fa
 
@@ -66,6 +67,7 @@
 		<div class="cursor-pointer" class:text-emerald-600={$dbStateStore.transacting} on:click={DBService.Commit}>C
 		</div>
 		<div class="cursor-pointer" class:text-red-700={$dbStateStore.transacting} on:click={DBService.Rollback}>R</div>
+		<div contenteditable="true" bind:innerText={$lookbackDaysStore}></div>
 		{#each links as { href, label }}
 			<a
 				use:link
diff --git a/src/lib/database/food.ts b/src/lib/database/food.ts
index 1480018..4a8ce85 100644
--- a/src/lib/database/food.ts
+++ b/src/lib/database/food.ts
@@ -1,5 +1,7 @@
 import { db } from '$lib/database'
 import type { Err } from '$lib/types'
+import { lookbackDaysStore } from '$lib/store/lookbackDaysStore'
+import { get } from 'svelte/store'
 
 export type Food = {
 	rowid?: number,
@@ -33,7 +35,7 @@ order by date desc
 		return await db.select<Food[]>(`
 select ${columns.join(', ')}
 from foodView
-where date > datetime('now', "-48 hours")
+where date > datetime('now', "-${get(lookbackDaysStore)} days")
 order by date DESC;
 `)
 	},
diff --git a/src/lib/router/routes/Home.svelte b/src/lib/router/routes/Home.svelte
index 0ef6a05..df97312 100644
--- a/src/lib/router/routes/Home.svelte
+++ b/src/lib/router/routes/Home.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
 	import { foodStore } from '$lib/store/foodStore'
 	import FoodTable from '$components/Food/FoodTable.svelte'
+	import { lookbackDaysStore } from '$lib/store/lookbackDaysStore'
+	// @ts-ignore
+	lookbackDaysStore.subscribe((n) => foodStore.refresh())
 </script>
 
 <template>
diff --git a/src/lib/store/foodStore.ts b/src/lib/store/foodStore.ts
index 87db814..0252dac 100644
--- a/src/lib/store/foodStore.ts
+++ b/src/lib/store/foodStore.ts
@@ -8,7 +8,12 @@ async function createStore(): Promise<Writable<Food[]>> {
 	return {
 		subscribe,
 		update,
-		set
+		set,
+		// @ts-ignore
+		refresh: async () => {
+			const foods = await FoodService.GetRecent()
+			set(foods)
+		}
 	}
 }
 
diff --git a/src/lib/store/lookbackDaysStore.ts b/src/lib/store/lookbackDaysStore.ts
new file mode 100644
index 0000000..6f49e9f
--- /dev/null
+++ b/src/lib/store/lookbackDaysStore.ts
@@ -0,0 +1,20 @@
+import { type Writable, writable } from 'svelte/store'
+
+async function createStore(): Promise<Writable<number>> {
+	const days: number = parseInt(localStorage.getItem('lookbackDays') || '2')
+	const { subscribe, update, set } = writable(days)
+	return {
+		subscribe,
+		update,
+		set(value: number) {
+			if (value > 365)
+				value = 365
+			if (value < 1)
+				value = 1
+			localStorage.setItem('lookbackDays', value.toString())
+			update(() => value)
+		}
+	}
+}
+
+export const lookbackDaysStore = await createStore()