Suche

src/components/Dashboard/DashboardSidebar.svelte

@@ -5,6 +5,7 @@
 		Gear,
 		LockClosed,
 		CaretDown,
+		MagnifyingGlass,
 	} from "radix-svelte-icons";
 	import NotificationProvider from "#components/NotificationProvider/NotificationProvider.svelte";
 	import DashboardNotification from "./DashboardNotification.svelte";
@@ -17,6 +18,8 @@
 
 	export let lightTheme: boolean;
 	export let benutzer: BenutzerClient;
+
+	let id: string;
 </script>
 
 <aside class="rounded-lg bg-white box px-6 py-5">
@@ -41,11 +44,20 @@
 		</div>
 	</div>
 
+	
+
 	<div class="flex flex-col gap-2 mt-0 md:mt-8 px-0">
 		<a class="button-tab" href="/dashboard">
 			<Reader width={22} height={22} />
 			Ausweise
 		</a>
+
+		<div class="flex flex-row gap-2">
+			<input type="text" bind:value={id} placeholder="ID">
+			<button class="button" on:click={() => {
+				window.location.href = `/dashboard/objekte/${id}`
+			}}><MagnifyingGlass size={24}></MagnifyingGlass></button>
+		</div>
 		
 		<hr class="border-gray-600" />