Third Layer Navigation.

Im tryint to setup a third layer of navigation using the navigation builder on the panel i defnied:

 ->navigation(function (NavigationBuilder $builder): NavigationBuilder {

                $builder->groups(
                    array_merge(
                        [NavigationGroup::make('Dashboard')->items([NavigationItem::make('Dashboard')->url('/boot/dashboard.asp')->icon('heroicon-o-home')])],
                        Modul::query()
                            ->where('hidden', 0)
                            ->orderBy('OrderId')
                            ->get()
                            ->map(fn (Modul $modul) => $modul->getNavigationGroup())
                            ->toArray()
                    ));

                return $builder;
            });

 ->navigation(function (NavigationBuilder $builder): NavigationBuilder {

                $builder->groups(
                    array_merge(
                        [NavigationGroup::make('Dashboard')->items([NavigationItem::make('Dashboard')->url('/boot/dashboard.asp')->icon('heroicon-o-home')])],
                        Modul::query()
                            ->where('hidden', 0)
                            ->orderBy('OrderId')
                            ->get()
                            ->map(fn (Modul $modul) => $modul->getNavigationGroup())
                            ->toArray()
                    ));

                return $builder;
            });

Modul is just an Model with function:

use Filament\Navigation\NavigationGroup as FilamentNavigationGroup;

public function getNavigationGroup(): NavigationGroup
    {
        $navigationItems = $this->menuItems()->where('unlocked', '=', 1)->whereNull("parent")->get()->map(fn (NavigationItem $navigationItem) => $navigationItem->registerAsNavigationItem())->toArray();

        return FilamentNavigationGroup::make($this->LabelDE)
            ->icon(preg_match('/class\s*=\s*["\']([^"\']+)["\']/', $this->icon, $matches) ? $matches[1] : '')
            ->items($navigationItems)
            ->collapsed(true);
    }

use Filament\Navigation\NavigationGroup as FilamentNavigationGroup;

public function getNavigationGroup(): NavigationGroup
    {
        $navigationItems = $this->menuItems()->where('unlocked', '=', 1)->whereNull("parent")->get()->map(fn (NavigationItem $navigationItem) => $navigationItem->registerAsNavigationItem())->toArray();

        return FilamentNavigationGroup::make($this->LabelDE)
            ->icon(preg_match('/class\s*=\s*["\']([^"\']+)["\']/', $this->icon, $matches) ? $matches[1] : '')
            ->items($navigationItems)
            ->collapsed(true);
    }

Solution:

$navItem->childItems([...$children])

$navItem->childItems([...$children])

`...

Jump to solution

14 Replies

Forever•5mo ago

Continue due to Message Limit NavigationItems is also a Model from my OLD App:

use Filament\Navigation\NavigationItem as FilamentNavigationItem;

 public function registerAsNavigationItem(): \Filament\Navigation\NavigationItem
    {
        $navItem = \Filament\Navigation\NavigationItem::make(($this->parent ? '-- ' : '').$this->LabelDE)
            ->url(str_replace('#{ROOT}', '', $this->UrlBoot))
            ->icon($this->icon)
            ->sort($this->orderId)
            ->isActiveWhen(fn () => $_SERVER['REQUEST_URI'] == str_replace('#{ROOT}', '', $this->UrlBoot));

        if ($this->parent) {
            $navItem->group($this->parent->LabelDE)->parentItem($this->parent->LabelDE);
        } else {
            $navItem->group($this->LabelDE)->parentItem($this->Modul->LabelDE ?? 'Missing Module');
        }

        return $navItem;

    }

use Filament\Navigation\NavigationItem as FilamentNavigationItem;

 public function registerAsNavigationItem(): \Filament\Navigation\NavigationItem
    {
        $navItem = \Filament\Navigation\NavigationItem::make(($this->parent ? '-- ' : '').$this->LabelDE)
            ->url(str_replace('#{ROOT}', '', $this->UrlBoot))
            ->icon($this->icon)
            ->sort($this->orderId)
            ->isActiveWhen(fn () => $_SERVER['REQUEST_URI'] == str_replace('#{ROOT}', '', $this->UrlBoot));

        if ($this->parent) {
            $navItem->group($this->parent->LabelDE)->parentItem($this->parent->LabelDE);
        } else {
            $navItem->group($this->LabelDE)->parentItem($this->Modul->LabelDE ?? 'Missing Module');
        }

        return $navItem;

    }

According to Dan That should already be possible

Forever•5mo ago

Forever•5mo ago

Dan Harrin•5mo ago

$item->items([item item item]) to add child items to a parent

Forever•5mo ago

Method Filament\Navigation\NavigationItem::items does not exist.

Forever•5mo ago

https://flareapp.io/share/Lm8qogpP

Flare

Method Filament\Navigation\NavigationItem::items does not exist. - The error occurred at https://next.local.i2k.ch/m/1/boot/dashboard.asp

Forever•5mo ago

its childItems

Dan Harrin•5mo ago

try childItems() ye

Forever•5mo ago

Do i have to do something esle i only see the parent item and not the childitem

    public function registerAsNavigationItem(string $base_path): \Filament\Navigation\NavigationItem
    {
        $navItem = \Filament\Navigation\NavigationItem::make($this->LabelDE)
            ->url($base_path . str_replace('#{ROOT}', '', $this->UrlBoot))
            ->sort($this->orderId)
            ->isActiveWhen(fn() => $_SERVER['REQUEST_URI'] == str_replace('#{ROOT}', '', $this->UrlBoot))
            ->icon("heroicon-o-arrow-top-right-on-square");

        if ($this->children()->count() > 0) {
            $navItem
                ->childItems($this->children()
                    ->get()
                    ->map(fn(NavigationItem $navigationItem) => $navigationItem
                        ->registerAsNavigationItem($base_path))
                    ->toArray()
                );
        }
        return $navItem;

    }

    public function registerAsNavigationItem(string $base_path): \Filament\Navigation\NavigationItem
    {
        $navItem = \Filament\Navigation\NavigationItem::make($this->LabelDE)
            ->url($base_path . str_replace('#{ROOT}', '', $this->UrlBoot))
            ->sort($this->orderId)
            ->isActiveWhen(fn() => $_SERVER['REQUEST_URI'] == str_replace('#{ROOT}', '', $this->UrlBoot))
            ->icon("heroicon-o-arrow-top-right-on-square");

        if ($this->children()->count() > 0) {
            $navItem
                ->childItems($this->children()
                    ->get()
                    ->map(fn(NavigationItem $navigationItem) => $navigationItem
                        ->registerAsNavigationItem($base_path))
                    ->toArray()
                );
        }
        return $navItem;

    }

Dan Harrin•5mo ago

once the parent item is active, you'll be able to see the children

Forever•5mo ago

that means it only renders childitems when its active ?

Dan Harrin•5mo ago

yes same as how github handles third level nav

Forever•5mo ago

not ideal for my usecase (damn legacy compatibility) is there a way to just set it active wenn i open the "modul" ? like when i give it a url like #modul_parentID

Solution

Forever•5mo ago

Solution:

$navItem->childItems([...$children])

$navItem->childItems([...$children])

Gaming

Programming

Third Layer Navigation.