From 4d3c96ca73f981e3a1c6049ee93c724a3ea9d161 Mon Sep 17 00:00:00 2001 From: Anton Shubin <2spy4x@gmail.com> Date: Sun, 28 Jan 2024 23:16:17 +0800 Subject: [PATCH] Add pages, tabs, tables --- apps/front/src/app.css | 12 +- .../src/lib/client/components/map.svelte | 10 +- .../src/lib/client/components/table.svelte | 204 ++++--- apps/front/src/routes/+layout.svelte | 534 +++++++++++++++--- apps/front/src/routes/+page.svelte | 122 +++- .../src/routes/device-groups/+page.svelte | 278 ++++++++- apps/front/src/routes/fault/+page.svelte | 35 ++ apps/front/src/routes/map/+page.svelte | 41 +- 8 files changed, 1028 insertions(+), 208 deletions(-) create mode 100644 apps/front/src/routes/fault/+page.svelte diff --git a/apps/front/src/app.css b/apps/front/src/app.css index bd6213e..6c7737d 100644 --- a/apps/front/src/app.css +++ b/apps/front/src/app.css @@ -1,3 +1,13 @@ @tailwind base; @tailwind components; -@tailwind utilities; \ No newline at end of file +@tailwind utilities; + +@layer components { + .btn { + @apply flex items-center gap-2 rounded-md px-3 py-2 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2; + } + + .btn-primary { + @apply bg-purple-600 hover:bg-purple-400 focus-visible:outline-purple-500; + } +} diff --git a/apps/front/src/lib/client/components/map.svelte b/apps/front/src/lib/client/components/map.svelte index e7857d0..92ed8b0 100644 --- a/apps/front/src/lib/client/components/map.svelte +++ b/apps/front/src/lib/client/components/map.svelte @@ -1,4 +1,12 @@ - \ No newline at end of file + diff --git a/apps/front/src/lib/client/components/table.svelte b/apps/front/src/lib/client/components/table.svelte index 4fcd0a4..6324f96 100644 --- a/apps/front/src/lib/client/components/table.svelte +++ b/apps/front/src/lib/client/components/table.svelte @@ -1,21 +1,32 @@ -
{description}
# | Location | Status | Last Updated |
---|---|---|---|
- #{index} - | -Block 1 | -- Working - | -- - | -
- #{index+1} - | -Block 2 | -- Not Working - | -- - | -
- #{index+2} - | -Block 3 | -- Too much voltage - | -- - | -
- #{index+3} - | -Block 4 | -- No signal - | -- - | -
+ #{index} + | +Block 1 | ++ Working + | ++ + | +
+ #{index + 1} + | +Block 2 | ++ Not Working + | ++ + | +
+ #{index + 2} + | +Block 3 | ++ Too much voltage + | ++ + | +
+ #{index + 3} + | +Block 4 | ++ No signal + | ++ + | +