add rough left side of frontend

2026-07-06 00:47:09 +00:00 · 2025-10-19 23:05:45 +02:00
parent 296c8bd04b
commit 19cc4c4415
16 changed files with 5410 additions and 3 deletions
@@ -0,0 +1,24 @@
+<script lang="ts">
+	let { selected, status, className = "" } = $props<{
+		selected: boolean;
+		status: string;
+        className?: string;
+	}>();
+
+	function get_text_color(selected: boolean, status: string) {
+		switch (status) {
+			case 'Online':
+				return selected ? 'text-green-700' : 'text-green-400';
+			case 'Lädt':
+				return selected ? 'text-amber-700' : 'text-amber-400';
+			case 'Offline':
+				return selected ? 'text-red-700' : 'text-red-400';
+			default:
+				return selected ? 'text-stone-700' : 'text-stone-400';
+		}
+	}
+</script>
+
+<div class="{get_text_color(selected, status)} {className} transition-colors duration-100">
+	{status}
+</div>