install

resources/views/vendor/filament-panels/components/sidebar/item.blade.php

@@ -0,0 +1,149 @@
+@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>