🎨 feat(navigation): add admin section to sidebar with links for settings and members management

resources/views/components/layouts/navigation/admin.blade.php

@@ -0,0 +1,30 @@
+<!-- Admin group -->
+<div>
+    <h3 class="text-xs uppercase text-gray-400 dark:text-gray-500 font-semibold pl-3">
+                        <span class="hidden lg:block lg:sidebar-expanded:hidden 2xl:hidden text-center w-6"
+                              aria-hidden="true">•••</span>
+        <span class="lg:hidden lg:sidebar-expanded:block 2xl:block">Admin-Bereich</span>
+    </h3>
+    <ul class="mt-3">
+        <li class="{{ $currentRoute === 'association.elections' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
+            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition"
+               href="{{ route('association.elections') }}">
+                <div class="flex items-center">
+                    <i class="fa-sharp-duotone fa-solid fa-booth-curtain h-4 w-4"></i>
+                    <span
+                        class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Einstellungen</span>
+                </div>
+            </a>
+        </li>
+        <li class="{{ $currentRoute === 'association.members.admin' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
+            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition"
+               href="{{ route('association.members.admin') }}">
+                <div class="flex items-center">
+                    <i class="fa-sharp-duotone fa-solid fa-users h-4 w-4"></i>
+                    <span
+                        class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Mitglieder</span>
+                </div>
+            </a>
+        </li>
+    </ul>
+</div>

resources/views/components/layouts/navigation/association.blade.php

@@ -7,42 +7,32 @@
     </h3>
     <ul class="mt-3">
         <li class="{{ $currentRoute === 'association.profile' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
-            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition" href="{{ route('association.profile') }}">
+            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition"
+               href="{{ route('association.profile') }}">
                 <div class="flex items-center">
                     <i class="fa-sharp-duotone fa-solid fa-id-card-clip h-4 w-4"></i>
-                    <span class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Meine Mitgliedschaft</span>
+                    <span
+                        class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Meine Mitgliedschaft</span>
                 </div>
             </a>
         </li>
         <li class="{{ $currentRoute === 'association.election' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
-            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition" href="{{ route('association.election', ['election' => date('Y')]) }}">
+            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition"
+               href="{{ route('association.election', ['election' => date('Y')]) }}">
                 <div class="flex items-center">
                     <i class="fa-sharp-duotone fa-solid fa-check-to-slot h-4 w-4"></i>
-                    <span class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Vorstands-Wahlen</span>
+                    <span
+                        class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Vorstands-Wahlen</span>
                 </div>
             </a>
         </li>
         <li class="{{ $currentRoute === 'association.projectSupport' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
-            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition" href="{{ route('association.projectSupport') }}">
+            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition"
+               href="{{ route('association.projectSupport') }}">
                 <div class="flex items-center">
                     <i class="fa-sharp-duotone fa-solid fa-hand-heart h-4 w-4"></i>
-                    <span class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Projekt-Unterstützungen</span>
+                    <span
-                </div>
+                        class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Projekt-Unterstützungen</span>
-            </a>
-        </li>
-        <li class="{{ $currentRoute === 'association.elections' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
-            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition" href="{{ route('association.elections') }}">
-                <div class="flex items-center">
-                    <i class="fa-sharp-duotone fa-solid fa-booth-curtain h-4 w-4"></i>
-                    <span class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Einstellungen</span>
-                </div>
-            </a>
-        </li>
-        <li class="{{ $currentRoute === 'association.members.admin' ? $isCurrentRouteClass : $isNotCurrentRouteClass }}">
-            <a class="block text-gray-800 dark:text-gray-100 hover:text-gray-900 dark:hover:text-white truncate transition" href="{{ route('association.members.admin') }}">
-                <div class="flex items-center">
-                    <i class="fa-sharp-duotone fa-solid fa-users h-4 w-4"></i>
-                    <span class="text-sm font-medium ml-4 lg:opacity-0 lg:sidebar-expanded:opacity-100 2xl:opacity-100 duration-200">Mitglieder</span>
                 </div>
             </a>
         </li>

resources/views/livewire/layout/sidebar.blade.php

@@ -65,6 +65,7 @@ mount(function() {
             @include('components.layouts.navigation.courses')
             @include('components.layouts.navigation.nostr')
             @include('components.layouts.navigation.legacy')--}}
+            @include('components.layouts.navigation.admin')
         </div>
 
         <!-- Expand / collapse button -->