From b1dd9de062be58fae7157d0d1d9eceb0f709f5e4 Mon Sep 17 00:00:00 2001 From: Ittipat Lusuk Date: Thu, 26 Mar 2026 14:23:12 +0700 Subject: [PATCH] update: sheet routes --- src/lib/assets/modules/sheet_btn.png | Bin 0 -> 5129 bytes src/lib/components/app-sidebar.svelte | 27 +++++++- src/routes/(authed)/departments/+page.svelte | 37 +++++++---- src/routes/(authed)/entry/+page.svelte | 33 ++++++++++ .../(authed)/sheet/overview/+page.svelte | 62 ++++++++++++++++++ 5 files changed, 144 insertions(+), 15 deletions(-) create mode 100644 src/lib/assets/modules/sheet_btn.png create mode 100644 src/routes/(authed)/sheet/overview/+page.svelte diff --git a/src/lib/assets/modules/sheet_btn.png b/src/lib/assets/modules/sheet_btn.png new file mode 100644 index 0000000000000000000000000000000000000000..e63d948b9c2757f5fe971f3ee1e7f123e915805e GIT binary patch literal 5129 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 Lxj~KIqqu(oOlyMf literal 0 HcmV?d00001 diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte index e4d0917..3f2a832 100644 --- a/src/lib/components/app-sidebar.svelte +++ b/src/lib/components/app-sidebar.svelte @@ -10,13 +10,15 @@ CherryIcon, DiamondIcon, BugIcon, - CupSodaIcon + CupSodaIcon, + FileSpreadsheet } from '@lucide/svelte/icons'; import TaobinLogo from '$lib/assets/logo.svelte'; import { goto } from '$app/navigation'; import Button from '$lib/components/ui/button/button.svelte'; import { get } from 'svelte/store'; import { sidebarStore } from '$lib/core/stores/sidebar'; + import { referenceFromPage } from '$lib/core/stores/recipeStore'; let sideBar: HTMLElement | null = $state(null); let isSideBarOpen: boolean = $state(true); @@ -67,6 +69,17 @@ icon: BugIcon } ] + }, + { + title: 'Sheet', + items: [ + { + title: 'Overview', + url: '/departments', + icon: FileSpreadsheet + + } + ] } // more to add here ] @@ -109,7 +122,17 @@ {#snippet child({ props })} - + { + if (nav.title === 'Sheet') { + e.preventDefault(); + referenceFromPage.set('sheet'); + goto(sub.url); + } + }} + > {#if sub.icon} {/if} diff --git a/src/routes/(authed)/departments/+page.svelte b/src/routes/(authed)/departments/+page.svelte index aed44df..4c2a9db 100644 --- a/src/routes/(authed)/departments/+page.svelte +++ b/src/routes/(authed)/departments/+page.svelte @@ -1,6 +1,7 @@ + +
+ +
+
+
+

Layout overview [ {refDepartment} ]

+

+ Display menus from the spreadsheet current selected country +

+
+
+ +
+
+ + + + + + + +
+