mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2025-12-13 05:26:47 +00:00
89 lines
4.2 KiB
PHP
89 lines
4.2 KiB
PHP
<?php
|
|
|
|
use function Livewire\Volt\state;
|
|
use function Livewire\Volt\mount;
|
|
|
|
state(['currentRoute' => '']);
|
|
|
|
mount(function() {
|
|
$currentLivewireRouteName = request()->route()->getName();
|
|
$this->currentRoute = $currentLivewireRouteName;
|
|
});
|
|
|
|
?>
|
|
|
|
<div class="min-w-fit">
|
|
@php
|
|
$isCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0 bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-orange-500/[0.12] dark:from-orange-500/[0.24] to-orange-500/[0.04]';
|
|
$isNotCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0';
|
|
$isCurrentSubItem = 'block text-orange-500 transition truncate';
|
|
$isNotCurrentSubItem = 'block text-gray-500/90 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition truncate';
|
|
@endphp
|
|
|
|
<!-- Sidebar backdrop (mobile only) -->
|
|
<div
|
|
class="fixed inset-0 bg-gray-900 bg-opacity-30 z-40 lg:hidden lg:z-auto transition-opacity duration-200"
|
|
:class="sidebarOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'"
|
|
aria-hidden="true"
|
|
x-cloak
|
|
></div>
|
|
|
|
<!-- Sidebar -->
|
|
<div
|
|
id="sidebar"
|
|
class="flex flex-col absolute z-40 left-0 top-0 lg:static lg:left-auto lg:top-auto lg:translate-x-0 h-[100dvh] overflow-y-scroll lg:overflow-y-auto no-scrollbar w-64 lg:w-20 lg:sidebar-expanded:!w-64 2xl:!w-64 shrink-0 bg-white dark:bg-[#222222] shadow-sm rounded-r-2xl p-4 transition-all duration-200 ease-in-out"
|
|
:class="sidebarOpen ? 'translate-x-0' : '-translate-x-64'"
|
|
@click.outside="sidebarOpen = false"
|
|
@keydown.escape.window="sidebarOpen = false"
|
|
x-cloak="lg"
|
|
>
|
|
|
|
<!-- Sidebar header -->
|
|
<div class="flex justify-between mb-10 pr-3 sm:px-2">
|
|
<!-- Close button -->
|
|
<button class="lg:hidden text-gray-500 hover:text-gray-400" @click.stop="sidebarOpen = !sidebarOpen"
|
|
aria-controls="sidebar" :aria-expanded="sidebarOpen">
|
|
<span class="sr-only">Close sidebar</span>
|
|
<svg class="w-6 h-6 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M10.7 18.7l1.4-1.4L7.8 13H20v-2H7.8l4.3-4.3-1.4-1.4L4 12z"/>
|
|
</svg>
|
|
</button>
|
|
<!-- Logo -->
|
|
<img class="w-6 h-6" src="{{ asset('einundzwanzig-alpha.jpg') }}" alt="Logo">
|
|
</div>
|
|
|
|
@php
|
|
$activeLinkGroupClass = ' bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-amber-500/[0.12] dark:from-amber-500/[0.24] to-amber-500/[0.04]';
|
|
$activeItemClass = 'block text-amber-500 transition truncate';
|
|
@endphp
|
|
|
|
<!-- Links -->
|
|
<div class="space-y-8">
|
|
{{--@include('components.layouts.navigation.meetups')--}}
|
|
@include('components.layouts.navigation.association')
|
|
{{--@include('components.layouts.navigation.events')
|
|
@include('components.layouts.navigation.courses')
|
|
@include('components.layouts.navigation.nostr')
|
|
@include('components.layouts.navigation.legacy')--}}
|
|
@include('components.layouts.navigation.admin')
|
|
</div>
|
|
|
|
<!-- Expand / collapse button -->
|
|
<div class="pt-3 hidden lg:inline-flex 2xl:hidden justify-end mt-auto">
|
|
<div class="w-12 pl-4 pr-3 py-2">
|
|
<button
|
|
class="text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 transition-colors"
|
|
@click="sidebarExpanded = !sidebarExpanded">
|
|
<span class="sr-only">Expand / collapse sidebar</span>
|
|
<svg class="shrink-0 fill-current text-gray-400 dark:text-gray-500 sidebar-expanded:rotate-180"
|
|
xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
|
<path
|
|
d="M15 16a1 1 0 0 1-1-1V1a1 1 0 1 1 2 0v14a1 1 0 0 1-1 1ZM8.586 7H1a1 1 0 1 0 0 2h7.586l-2.793 2.793a1 1 0 1 0 1.414 1.414l4.5-4.5A.997.997 0 0 0 12 8.01M11.924 7.617a.997.997 0 0 0-.217-.324l-4.5-4.5a1 1 0 0 0-1.414 1.414L8.586 7M12 7.99a.996.996 0 0 0-.076-.373Z"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|