From 7aceae7c17fd6110ba61c664255038053d05c305 Mon Sep 17 00:00:00 2001 From: nocnico Date: Wed, 4 Jun 2025 19:00:46 +0200 Subject: [PATCH] Add Dispatch Admin Panel UI #32 --- .../app/_components/navbar/AdminPanel.tsx | 277 ++++++++++++++++++ .../dispatch/_components/navbar/Navbar.tsx | 6 +- .../_components/ConnectedDispatcher.tsx | 2 +- 3 files changed, 283 insertions(+), 2 deletions(-) create mode 100644 apps/dispatch/app/_components/navbar/AdminPanel.tsx diff --git a/apps/dispatch/app/_components/navbar/AdminPanel.tsx b/apps/dispatch/app/_components/navbar/AdminPanel.tsx new file mode 100644 index 00000000..cf3f7d7b --- /dev/null +++ b/apps/dispatch/app/_components/navbar/AdminPanel.tsx @@ -0,0 +1,277 @@ +import { + ArrowLeftRight, + Eye, + LockKeyhole, + Plane, + RedoDot, + Shield, + ShieldAlert, + User, + UserCheck, + Workflow, +} from "lucide-react"; +import Link from "next/link"; +import { usePathname } from "next/navigation"; +import { useRef } from "react"; + +export default function AdminPanel() { + const path = usePathname(); + const modalRef = useRef(null); + + return ( +
+ + +
+
+ +
+

+ Admin Panel +

+
+
+
+
+ Verbundene Clients +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
VAR #NameStationVoiceDispatchActions
VAR0124Max MustermannChristoph 31 + Nicht verbunden + + Verbunden + + + + +
VAR0124Max MustermannChristoph 31 + Nicht verbunden + + Verbunden + + + + +
VAR0124Max MustermannChristoph 31 + Nicht verbunden + + Verbunden + + + + +
VAR0124Max MustermannChristoph 31 + Nicht verbunden + + Verbunden + + + + +
VAR0124Max MustermannChristoph 31 + Nicht verbunden + + Verbunden + + + + +
VAR0124Max MustermannChristoph 31 + Nicht verbunden + + Verbunden + + + + +
+
+
+
+
+
+
+ Allgemeine Befehle +
+
+
+ + + +
+ + +
+
+
+
+
+ +
+ +
+ ); +} diff --git a/apps/dispatch/app/dispatch/_components/navbar/Navbar.tsx b/apps/dispatch/app/dispatch/_components/navbar/Navbar.tsx index f7e8ad49..cf7cad7d 100644 --- a/apps/dispatch/app/dispatch/_components/navbar/Navbar.tsx +++ b/apps/dispatch/app/dispatch/_components/navbar/Navbar.tsx @@ -8,6 +8,7 @@ import { ExitIcon, ExternalLinkIcon } from "@radix-ui/react-icons"; import Link from "next/link"; import { Settings } from "_components/navbar/Settings"; import ModeSwitchDropdown from "_components/navbar/ModeSwitchDropdown"; +import AdminPanel from "_components/navbar/AdminPanel"; export default function Navbar() { /* const [isDark, setIsDark] = useState(false); @@ -23,7 +24,10 @@ export default function Navbar() { return (
- +
+ + +