From bf92a1ed9aae08a0c6d48f4dc4eb2d9e4286d336 Mon Sep 17 00:00:00 2001
From: Sockenklaus <sockenklaus@gmail.com>
Date: Sun, 2 Jul 2023 19:56:51 +0200
Subject: [PATCH] fucking props!

---
 resources/js/Layouts/BELayout.vue        |  8 +++++--
 resources/js/components/MainNav.vue      | 18 ++++++++-------
 resources/js/pages/Events/EventsList.vue | 29 ++++++++++++++++++++----
 resources/js/pages/Login.vue             |  2 +-
 resources/js/pages/Users/UsersList.vue   |  2 +-
 start/routes.ts                          |  9 ++++----
 6 files changed, 47 insertions(+), 21 deletions(-)

diff --git a/resources/js/Layouts/BELayout.vue b/resources/js/Layouts/BELayout.vue
index fcfe605..4e22421 100644
--- a/resources/js/Layouts/BELayout.vue
+++ b/resources/js/Layouts/BELayout.vue
@@ -1,7 +1,7 @@
 <template>
     <LoginLayout>
-        <MainNav />
-        <slot></slot>
+        <MainNav :route="props.route" />
+        <slot />
 
     </LoginLayout>
 </template>
@@ -9,4 +9,8 @@
 <script setup>
     import LoginLayout from '@/layouts/LoginLayout'
     import MainNav from '@/components/MainNav'
+
+    const props = defineProps({
+        route: String
+    })
 </script>
\ No newline at end of file
diff --git a/resources/js/components/MainNav.vue b/resources/js/components/MainNav.vue
index 528918b..08347e8 100644
--- a/resources/js/components/MainNav.vue
+++ b/resources/js/components/MainNav.vue
@@ -4,7 +4,7 @@
 
 <script setup>
     import { Link } from '@inertiajs/vue3'
-    import { h, ref } from 'vue';
+    import { h, ref, defineProps } from 'vue';
     import { NIcon, NButton } from 'naive-ui'
     import {
         GroupsFilled as Users,
@@ -12,43 +12,45 @@
         LogOutFilled as Logout
     } from '@vicons/material'
 
-    const activeKey = ref(null)
+    const props = defineProps(['route'])
+
+    const activeKey = ref(props.route)
 
     const menuOptions = ref([
         {
             label: () =>
                 h(
                     Link, {
-                        href: "/Events",
+                        href: "/events",
                         methode: "get"
                     },
                     "Veranstaltungen"
                 ),
-                key: 'go-to-events',
+                key: '/events',
                 icon: renderIcon(Events)
         },
         {
             label: () =>
                 h(
                     Link, {
-                        href: "/Users",
+                        href: "/users",
                         method: "get"
                     },
                     "Benutzer"
                 ),
-                key: 'go-to-users',
+                key: '/users',
                 icon: renderIcon(Users)
         },
         {
             label: () =>
                 h(
                     Link, {
-                        href: "/Login",
+                        href: "/login",
                         method: "get"
                     },
                     "Abmelden"
                 ),
-                key: 'go-to-logout',
+                key: '/logout',
                 icon: renderIcon(Logout)
         }
     ])
diff --git a/resources/js/pages/Events/EventsList.vue b/resources/js/pages/Events/EventsList.vue
index d65dca5..65f8e6a 100644
--- a/resources/js/pages/Events/EventsList.vue
+++ b/resources/js/pages/Events/EventsList.vue
@@ -1,12 +1,31 @@
 <template>
-
+    <div>test</div>
+    <div>{{route}}</div>
 </template>
 
 <script setup>
-
 import BELayout from '@/layouts/BELayout.vue'
-import MainNav from '@/components/MainNav.vue'
 
-defineOptions({ layout: BELayout })
+//const props = defineProps(['route'])
+
+defineOptions({
+    layout: (h, page) => h(BELayout, {
+        props: {
+            route: route
+        }
+    }, [page]) 
+})
+
+</script>
+
+<script>
+import BELayout from '@/layouts/BELayout.vue'
+import { h } from 'vue'
+
+export default {
+    props: {
+        route: String
+    }
+}
+</script>
 
-</script>
\ No newline at end of file
diff --git a/resources/js/pages/Login.vue b/resources/js/pages/Login.vue
index c91cc4d..438c63c 100644
--- a/resources/js/pages/Login.vue
+++ b/resources/js/pages/Login.vue
@@ -35,7 +35,7 @@
 
     function onClickLogin(){
         router.get(
-            '/Events'
+            '/events'
         )
     }
 </script>
\ No newline at end of file
diff --git a/resources/js/pages/Users/UsersList.vue b/resources/js/pages/Users/UsersList.vue
index d65dca5..f9fa822 100644
--- a/resources/js/pages/Users/UsersList.vue
+++ b/resources/js/pages/Users/UsersList.vue
@@ -1,5 +1,5 @@
 <template>
-
+kajsdkjahsdkjhs
 </template>
 
 <script setup>
diff --git a/start/routes.ts b/start/routes.ts
index d4acda9..65194f8 100644
--- a/start/routes.ts
+++ b/start/routes.ts
@@ -24,14 +24,15 @@ Route.get('/', async ({ inertia }) => {
   return inertia.render('Home')
 })
 
-Route.get('/Login', async({inertia}) =>{
+Route.get('/login', async({inertia}) =>{
   return inertia.render('Login')
 })
 
-Route.get('/Events', async({inertia})=> {
-  return inertia.render('Events/EventsList')
+Route.get('/events', async({ inertia, request }) => {
+  return inertia.render('Events/EventsList', {
+    route: request.url() })
 })
 
-Route.get('/Users', async({inertia}) => {
+Route.get('/users', async({inertia}) => {
   return inertia.render('Users/UsersList')
 })
\ No newline at end of file