From 9efb9faa01b4fcb8daaaf8d57377f559fbf4ccde Mon Sep 17 00:00:00 2001 From: Wlad Meixner Date: Mon, 3 Jul 2023 18:44:07 +0200 Subject: [PATCH] wip: filter handling --- package.json | 2 + pnpm-lock.yaml | 20 ++++ src/app.css | 13 +++ src/app.html | 2 +- src/lib/Sidebar.svelte | 41 +++----- src/lib/components/Button.svelte | 49 ++++++++++ src/lib/components/Dropdown.svelte | 78 +++++++++++++++ src/lib/components/DropdownSelect.svelte | 119 +++++++++++++++++++++++ src/routes/+layout.svelte | 26 ++++- src/routes/+layout.ts | 1 + src/routes/+page.server.ts | 36 ++++++- src/routes/+page.svelte | 87 ++++++++++++----- src/store/SettingsStore.ts | 31 ++++++ tailwind.config.js | 12 ++- 14 files changed, 458 insertions(+), 59 deletions(-) create mode 100644 src/app.css create mode 100644 src/lib/components/Button.svelte create mode 100644 src/lib/components/Dropdown.svelte create mode 100644 src/lib/components/DropdownSelect.svelte create mode 100644 src/routes/+layout.ts create mode 100644 src/store/SettingsStore.ts diff --git a/package.json b/package.json index f6d98e6..4176dd3 100644 --- a/package.json +++ b/package.json @@ -34,8 +34,10 @@ "type": "module", "dependencies": { "@sveltejs/adapter-static": "^2.0.2", + "@types/papaparse": "^5.3.7", "autoprefixer": "^10.4.14", "feather-icons": "^4.29.0", + "papaparse": "^5.4.1", "postcss": "^8.4.24", "sass": "^1.63.6", "svelte-feather-icons": "^4.0.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4b6c731..c2d5345 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1,15 +1,25 @@ lockfileVersion: '6.0' +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false + dependencies: '@sveltejs/adapter-static': specifier: ^2.0.2 version: 2.0.2(@sveltejs/kit@1.20.5) + '@types/papaparse': + specifier: ^5.3.7 + version: 5.3.7 autoprefixer: specifier: ^10.4.14 version: 10.4.14(postcss@8.4.24) feather-icons: specifier: ^4.29.0 version: 4.29.0 + papaparse: + specifier: ^5.4.1 + version: 5.4.1 postcss: specifier: ^8.4.24 version: 8.4.24 @@ -472,6 +482,12 @@ packages: /@types/node@20.3.1: resolution: {integrity: sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg==} + /@types/papaparse@5.3.7: + resolution: {integrity: sha512-f2HKmlnPdCvS0WI33WtCs5GD7X1cxzzS/aduaxSu3I7TbhWlENjSPs6z5TaB9K0J+BH1jbmqTaM+ja5puis4wg==} + dependencies: + '@types/node': 20.3.1 + dev: false + /@types/pug@2.0.6: resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==} dev: true @@ -1507,6 +1523,10 @@ packages: p-limit: 3.1.0 dev: true + /papaparse@5.4.1: + resolution: {integrity: sha512-HipMsgJkZu8br23pW15uvo6sib6wne/4woLZPlFf3rpDyMe9ywEXUsuD7+6K9PRkJlVT51j/sCOYDKGGS3ZJrw==} + dev: false + /parent-module@1.0.1: resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==} engines: {node: '>=6'} diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..aa85641 --- /dev/null +++ b/src/app.css @@ -0,0 +1,13 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* Smooth scroll on href */ +html { + scroll-behavior: smooth; +} + +body, +html { + min-height: 100vh; +} diff --git a/src/app.html b/src/app.html index effe0d0..fec648e 100644 --- a/src/app.html +++ b/src/app.html @@ -6,7 +6,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/lib/Sidebar.svelte b/src/lib/Sidebar.svelte index 1816169..68d5ab0 100644 --- a/src/lib/Sidebar.svelte +++ b/src/lib/Sidebar.svelte @@ -1,50 +1,37 @@
- - +
+ + +