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 @@ -
+

{title}

{description}

{#if addLink}
- - + + Add @@ -25,90 +36,113 @@ {deleteLink} {/if}
-
-
-
- - - +
+
+
+ + - - - {#each {length: 1} as item, index} - - - - - - - - - - - - - - - - - - - - - - - - + + + {#each { length: 1 } as item, index} + + + + + + + + + + + + + + + + + + + + + + + + {/each} - -
# Location Status Last Updated
- #{index} - Block 1 - -
- #{index+1} - Block 2 - -
- #{index+2} - Block 3 - -
- #{index+3} - Block 4 - -
+ #{index} + Block 1 + +
+ #{index + 1} + Block 2 + +
+ #{index + 2} + Block 3 + +
+ #{index + 3} + Block 4 + +
- - -
+ + + +
-
\ No newline at end of file +
diff --git a/apps/front/src/routes/+layout.svelte b/apps/front/src/routes/+layout.svelte index ed9ca31..bb0b1d5 100644 --- a/apps/front/src/routes/+layout.svelte +++ b/apps/front/src/routes/+layout.svelte @@ -1,12 +1,32 @@ {#if $auth.isSignedIn} - - -
+
- Your Company + Your Company

JB Lux

+ {/if} + {#if selectedTab === 'Lamps'} +
+
+
+

Lamps description

+
+
+ +
+
+
+ + + + + + + + + + + {#each { length: 1 } as item, index} + + + + + + + + + + + + + + + + + + + {/each} + + +
NameTypeFault reasonActions
Lamp 001 Bulb Zero power consumed +
+ Edit + Delete +
+
Gateway 001 A wi-fi router Offline +
+ Edit + Delete +
+
Motion sensor 001 A sensor Too high measures +
+ Edit + Delete +
+
+
+
+ {/if} + {#if selectedTab === 'Sensors'} +
+
+
+

Sensors description

+
+
+ +
+
+
+ + + + + + + + + + + {#each { length: 1 } as item, index} + + + + + + + + + + + + + + + + + + + {/each} + + +
NameTypeFault reasonActions
Lamp 001 Bulb Zero power consumed +
+ Edit + Delete +
+
Gateway 001 A wi-fi router Offline +
+ Edit + Delete +
+
Motion sensor 001 A sensor Too high measures +
+ Edit + Delete +
+
+
+
+ {/if} + diff --git a/apps/front/src/routes/fault/+page.svelte b/apps/front/src/routes/fault/+page.svelte new file mode 100644 index 0000000..b7be543 --- /dev/null +++ b/apps/front/src/routes/fault/+page.svelte @@ -0,0 +1,35 @@ +
+
+ + + + + + + + + + {#each { length: 1 } as item, index} + + + + + + + + + + + + + + + + {/each} + + +
NameTypeFault reason
Lamp 001 Bulb Zero power consumed
Gateway 001 A wi-fi router Offline
Motion sensor 001 A sensor Too high measures
+
+
diff --git a/apps/front/src/routes/map/+page.svelte b/apps/front/src/routes/map/+page.svelte index 5a3dab5..76b0db5 100644 --- a/apps/front/src/routes/map/+page.svelte +++ b/apps/front/src/routes/map/+page.svelte @@ -3,8 +3,39 @@ import Table from '$lib/client/components/table.svelte'; - - -
- - \ No newline at end of file +
+
+ +
+
+
+
+
+ + + + + + + + + + {#each { length: 10 } as item, index} + + + + + + + {/each} + + +
Zone nameGatewaysLampsSensors
+ Zone #{index + 1} + 12 20 40
+
+
+
+