150 lines
5.4 KiB
PHP
150 lines
5.4 KiB
PHP
@props([
|
|
'active' => false,
|
|
'activeChildItems' => false,
|
|
'activeIcon' => null,
|
|
'badge' => null,
|
|
'badgeColor' => null,
|
|
'badgeTooltip' => null,
|
|
'childItems' => [],
|
|
'first' => false,
|
|
'grouped' => false,
|
|
'icon' => null,
|
|
'last' => false,
|
|
'shouldOpenUrlInNewTab' => false,
|
|
'sidebarCollapsible' => true,
|
|
'subGrouped' => false,
|
|
'url',
|
|
])
|
|
|
|
@php
|
|
$sidebarCollapsible = $sidebarCollapsible && filament()->isSidebarCollapsibleOnDesktop();
|
|
@endphp
|
|
|
|
<li
|
|
{{
|
|
$attributes->class([
|
|
'fi-sidebar-item',
|
|
'fi-active' => $active,
|
|
'fi-sidebar-item-has-active-child-items' => $activeChildItems,
|
|
'fi-sidebar-item-has-url' => filled($url),
|
|
])
|
|
}}
|
|
>
|
|
<a
|
|
{{ \Filament\Support\generate_href_html($url, $shouldOpenUrlInNewTab) }}
|
|
x-on:click="window.matchMedia(`(max-width: 1024px)`).matches && $store.sidebar.close()"
|
|
@if ($sidebarCollapsible)
|
|
x-data="{ tooltip: false }"
|
|
x-effect="
|
|
tooltip = $store.sidebar.isOpen
|
|
? false
|
|
: {
|
|
content: @js($slot->toHtml()),
|
|
placement: document.dir === 'rtl' ? 'left' : 'right',
|
|
theme: $store.theme,
|
|
}
|
|
"
|
|
x-tooltip.html="tooltip"
|
|
@endif
|
|
class="fi-sidebar-item-btn"
|
|
>
|
|
@if (filled($icon) && ((! $subGrouped) || $sidebarCollapsible))
|
|
{{
|
|
\Filament\Support\generate_icon_html(($active && $activeIcon) ? $activeIcon : $icon, attributes: (new \Illuminate\View\ComponentAttributeBag([
|
|
'x-show' => ($subGrouped && $sidebarCollapsible) ? '! $store.sidebar.isOpen' : false,
|
|
]))->class(['fi-sidebar-item-icon']), size: \Filament\Support\Enums\IconSize::Large)
|
|
}}
|
|
@endif
|
|
|
|
@if ((blank($icon) && $grouped) || $subGrouped)
|
|
<div
|
|
@if (filled($icon) && $subGrouped && $sidebarCollapsible)
|
|
x-show="$store.sidebar.isOpen"
|
|
@endif
|
|
class="fi-sidebar-item-grouped-border"
|
|
>
|
|
@if (! $first)
|
|
<div
|
|
class="fi-sidebar-item-grouped-border-part-not-first"
|
|
></div>
|
|
@endif
|
|
|
|
@if (! $last)
|
|
<div
|
|
class="fi-sidebar-item-grouped-border-part-not-last"
|
|
></div>
|
|
@endif
|
|
|
|
<div class="fi-sidebar-item-grouped-border-part"></div>
|
|
</div>
|
|
@endif
|
|
|
|
<span
|
|
@if ($sidebarCollapsible)
|
|
x-show="$store.sidebar.isOpen"
|
|
x-transition:enter="fi-transition-enter"
|
|
x-transition:enter-start="fi-transition-enter-start"
|
|
x-transition:enter-end="fi-transition-enter-end"
|
|
@endif
|
|
class="fi-sidebar-item-label"
|
|
>
|
|
{{ $slot }}
|
|
</span>
|
|
|
|
@if (filled($badge))
|
|
<span
|
|
@if ($sidebarCollapsible)
|
|
x-show="$store.sidebar.isOpen"
|
|
x-transition:enter="fi-transition-enter"
|
|
x-transition:enter-start="fi-transition-enter-start"
|
|
x-transition:enter-end="fi-transition-enter-end"
|
|
@endif
|
|
class="fi-sidebar-item-badge-ctn"
|
|
>
|
|
<x-filament::badge
|
|
:color="$badgeColor"
|
|
:tooltip="$badgeTooltip"
|
|
>
|
|
{{ $badge }}
|
|
</x-filament::badge>
|
|
</span>
|
|
@endif
|
|
</a>
|
|
|
|
@if (($active || $activeChildItems) && $childItems)
|
|
<ul class="fi-sidebar-sub-group-items">
|
|
@foreach ($childItems as $childItem)
|
|
@php
|
|
$isChildItemChildItemsActive = $childItem->isChildItemsActive();
|
|
$isChildActive = (! $isChildItemChildItemsActive) && $childItem->isActive();
|
|
$childItemActiveIcon = $childItem->getActiveIcon();
|
|
$childItemBadge = $childItem->getBadge();
|
|
$childItemBadgeColor = $childItem->getBadgeColor();
|
|
$childItemBadgeTooltip = $childItem->getBadgeTooltip();
|
|
$childItemIcon = $childItem->getIcon();
|
|
$shouldChildItemOpenUrlInNewTab = $childItem->shouldOpenUrlInNewTab();
|
|
$childItemUrl = $childItem->getUrl();
|
|
@endphp
|
|
|
|
<x-filament-panels::sidebar.item
|
|
:active="$isChildActive"
|
|
:active-child-items="$isChildItemChildItemsActive"
|
|
:active-icon="$childItemActiveIcon"
|
|
:badge="$childItemBadge"
|
|
:badge-color="$childItemBadgeColor"
|
|
:badge-tooltip="$childItemBadgeTooltip"
|
|
:first="$loop->first"
|
|
grouped
|
|
:icon="$childItemIcon"
|
|
:last="$loop->last"
|
|
:should-open-url-in-new-tab="$shouldChildItemOpenUrlInNewTab"
|
|
sub-grouped
|
|
:url="$childItemUrl"
|
|
>
|
|
{{ $childItem->getLabel() }}
|
|
</x-filament-panels::sidebar.item>
|
|
@endforeach
|
|
</ul>
|
|
@endif
|
|
</li>
|