From 8c68ebc0eeab7dedfb4a4cb160767ad2392e58ed Mon Sep 17 00:00:00 2001 From: John Date: Tue, 24 Dec 2024 07:40:29 -0500 Subject: [PATCH] WIP: Notes Drawer. Updated default theme to rocket --- web/src/app.html | 4 +- web/src/lib/components/chat/Chat.svelte | 68 +++++++--- .../ui/noteDrawer/NoteDrawer.svelte | 117 ++++++++++++++++++ web/src/lib/store/noteStore.ts | 37 ++++++ web/src/routes/+layout.svelte | 48 +++---- web/src/routes/+page.svelte | 2 +- 6 files changed, 231 insertions(+), 45 deletions(-) create mode 100644 web/src/lib/components/ui/noteDrawer/NoteDrawer.svelte create mode 100644 web/src/lib/store/noteStore.ts diff --git a/web/src/app.html b/web/src/app.html index 8ec7b214..261ba5ec 100644 --- a/web/src/app.html +++ b/web/src/app.html @@ -6,7 +6,7 @@ %sveltekit.head% - +
%sveltekit.body%
- \ No newline at end of file + diff --git a/web/src/lib/components/chat/Chat.svelte b/web/src/lib/components/chat/Chat.svelte index 8829c4e0..77e44600 100644 --- a/web/src/lib/components/chat/Chat.svelte +++ b/web/src/lib/components/chat/Chat.svelte @@ -4,24 +4,56 @@ import ModelConfig from "./ModelConfig.svelte"; import Models from "./Models.svelte"; import Patterns from "./Patterns.svelte"; + import NoteDrawer from '$lib/components/ui/noteDrawer/NoteDrawer.svelte'; + import { getDrawerStore } from '@skeletonlabs/skeleton'; + + import { page } from '$app/stores'; + import { beforeNavigate } from '$app/navigation'; + + const drawerStore = getDrawerStore(); + function openDrawer() { + drawerStore.open({}); + } + + beforeNavigate(() => { + drawerStore.close(); + }); + + $: isVisible = $page.url.pathname.startsWith('/chat');
-
-
-
-
- - - -
-
-
-
- -
-
- -
-
-
\ No newline at end of file +
+
+
+
+ + + +
+ +
+ + {#if isVisible} +
+ +
+ + {/if} +
+
+ + +
+
+ +
+
+ +
+
+ diff --git a/web/src/lib/components/ui/noteDrawer/NoteDrawer.svelte b/web/src/lib/components/ui/noteDrawer/NoteDrawer.svelte new file mode 100644 index 00000000..4b69e7e4 --- /dev/null +++ b/web/src/lib/components/ui/noteDrawer/NoteDrawer.svelte @@ -0,0 +1,117 @@ + + + + {#if $drawerStore.open} +
+
+

Notes

+ {#if $noteStore.lastSaved} + + Last saved: {$noteStore.lastSaved.toLocaleTimeString()} + + {/if} +
+
+