Init navbar

src/BootstrapAdminUi/config/app/twig_hooks/common/create.php

@@ -20,6 +20,9 @@
                 'sidebar' => [
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/sidebar.html.twig',
                 ],
+                'navbar' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/navbar.html.twig',
+                ],
                 'content' => [
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/content.html.twig',
                 ],

src/BootstrapAdminUi/config/app/twig_hooks/common/index.php

@@ -20,6 +20,9 @@
                 'sidebar' => [
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/sidebar.html.twig',
                 ],
+                'navbar' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/navbar.html.twig',
+                ],
                 'content' => [
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/content.html.twig',
                 ],

src/BootstrapAdminUi/config/app/twig_hooks/common/show.php

@@ -20,6 +20,9 @@
                 'sidebar' => [
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/sidebar.html.twig',
                 ],
+                'navbar' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/navbar.html.twig',
+                ],
                 'content' => [
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/content.html.twig',
                 ],

src/BootstrapAdminUi/config/app/twig_hooks/common/update.php

@@ -20,6 +20,9 @@
                 'sidebar' => [
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/sidebar.html.twig',
                 ],
+                'navbar' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/navbar.html.twig',
+                ],
                 'content' => [
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/content.html.twig',
                 ],

src/BootstrapAdminUi/config/app/twig_hooks/layout/navbar.php

@@ -0,0 +1,35 @@
+<?php
+
+/*
+ * This file is part of the Sylius package.
+ *
+ * (c) Sylius Sp. z o.o.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Symfony\Component\DependencyInjection\Loader\Configurator;
+
+return static function (ContainerConfigurator $container): void {
+    $container->extension('sylius_twig_hooks', [
+        'hooks' => [
+            'sylius_admin.common.component.navbar' => [
+                'menu' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/navbar/menu.html.twig',
+                ],
+                'items' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/navbar/items.html.twig',
+                ],
+            ],
+
+            'sylius_admin.common.component.navbar.items' => [
+                'user' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/navbar/items/user.html.twig',
+                ],
+            ],
+        ],
+    ]);
+};

src/BootstrapAdminUi/config/services.php

@@ -0,0 +1,18 @@
+<?php
+
+/*
+ * This file is part of the Sylius package.
+ *
+ * (c) Sylius Sp. z o.o.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Symfony\Component\DependencyInjection\Loader\Configurator;
+
+return function (ContainerConfigurator $configurator): void {
+    $configurator->import('./services/**/**.php');
+};

src/BootstrapAdminUi/config/services/twig/component.php

@@ -0,0 +1,32 @@
+<?php
+
+/*
+ * This file is part of the Sylius package.
+ *
+ * (c) Sylius Sp. z o.o.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Symfony\Component\DependencyInjection\Loader\Configurator;
+
+use Sylius\BootstrapAdminUi\Twig\Component\UserDropdownComponent;
+
+return function (ContainerConfigurator $configurator): void {
+    $services = $configurator->services();
+
+    $services->set('sylius_bootstrap_admin_ui.twig.component.navbar.user_dropdown', UserDropdownComponent::class)
+        ->public()
+        ->args([
+            param('sylius_admin_ui.routing'),
+            service('security.token_storage'),
+            service('router'),
+        ])
+        ->tag('twig.component', [
+            'key' => 'sylius_bootstrap_admin_ui:navbar:user_dropdown',
+            'template' => '@SyliusBootstrapAdminUi/shared/components/navbar/user.html.twig',
+        ]);
+};

src/BootstrapAdminUi/src/Symfony/SyliusBootstrapAdminUiBundle.php

@@ -13,8 +13,10 @@
 
 namespace Sylius\BootstrapAdminUi\Symfony;
 
+use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
 use Symfony\Component\DependencyInjection\Loader\Configurator\ContainerConfigurator;
+use Symfony\Component\DependencyInjection\Loader\PhpFileLoader;
 use Symfony\Component\HttpKernel\Bundle\AbstractBundle;
 
 final class SyliusBootstrapAdminUiBundle extends AbstractBundle
@@ -33,6 +35,13 @@ public function prependExtension(ContainerConfigurator $container, ContainerBuil
     {
         $bundles = $builder->getParameter('kernel.bundles');
 
+        $loader = new PhpFileLoader(
+            $builder,
+            new FileLocator(dirname(__DIR__, 2) . '/config'),
+        );
+
+        $loader->load('services.php');
+
         if (!isset($bundles['SyliusAdminUiBundle'])) {
             return;
         }

src/BootstrapAdminUi/src/Twig/Component/UserDropdownComponent.php

@@ -0,0 +1,55 @@
+<?php
+
+/*
+ * This file is part of the Sylius package.
+ *
+ * (c) Sylius Sp. z o.o.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Sylius\BootstrapAdminUi\Twig\Component;
+
+use Symfony\Component\Routing\RouterInterface;
+use Symfony\Component\Security\Core\Authentication\Token\Storage\TokenStorageInterface;
+use Symfony\Component\Security\Core\User\UserInterface;
+use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
+use Symfony\UX\TwigComponent\Attribute\ExposeInTemplate;
+
+#[AsTwigComponent(
+    name: 'sylius_bootstrap_admin_ui:navbar:user_dropdown',
+    template: '@SyliusBootstrapAdminUi/shared/components/navbar/user.html.twig',
+)]
+class UserDropdownComponent
+{
+    public function __construct(
+        private readonly array $routing,
+        private TokenStorageInterface $tokenStorage,
+        private RouterInterface $router,
+    ) {
+    }
+
+    #[ExposeInTemplate(name: 'user')]
+    public function getUser(): ?UserInterface
+    {
+        return $this->tokenStorage->getToken()?->getUser();
+    }
+
+    /**
+     * @return array<array-key, array{title?: string, url?: string, icon?: string, type?: string, class?: string}>
+     */
+    #[ExposeInTemplate(name: 'menu_items')]
+    public function getMenuItems(): array
+    {
+        return [
+            [
+                'title' => 'sylius.ui.logout',
+                'url' => $this->routing['logout_path'] ?? $this->router->generate('sylius_admin_ui_logout'),
+                'icon' => 'logout',
+            ],
+        ];
+    }
+}

src/BootstrapAdminUi/templates/shared/components/navbar/user.html.twig

@@ -0,0 +1,18 @@
+{% import '@SyliusBootstrapAdminUi/shared/helper/avatar.html.twig' as avatar %}
+{% import '@SyliusBootstrapAdminUi/shared/helper/dropdown.html.twig' as dropdown %}
+
+{% if app.user %}
+    {% set dropdown_trigger %}
+        <div class="d-flex lh-1 text-reset p-0 cursor-pointer">
+            <div>
+                {{ avatar.small() }}
+            </div>
+            <div class="d-none d-xl-block ps-2">
+                <div class="mb-1 small text-muted">{{ 'sylius.ui.hello'|trans }}</div>
+                <div>{{ user.userIdentifier }}</div>
+            </div>
+        </div>
+    {% endset %}
+
+    {{ dropdown.list({ customTrigger: dropdown_trigger, direction: 'down-end' }, menu_items) }}
+{% endif %}

src/BootstrapAdminUi/templates/shared/crud/common/navbar/items.html.twig

@@ -0,0 +1,3 @@
+<div class="nav align-items-center gap-3">
+    {% hook 'items' %}
+</div>

src/BootstrapAdminUi/templates/shared/crud/common/navbar/items/user.html.twig

@@ -0,0 +1,3 @@
+<div class="nav-item">
+    {{ component('sylius_bootstrap_admin_ui:navbar:user_dropdown') }}
+</div>

src/BootstrapAdminUi/templates/shared/crud/common/navbar/menu.html.twig

@@ -0,0 +1,3 @@
+<div id="navbar-menu">
+    {% hook 'menu' %}
+</div>

src/UiTranslations/translations/messages.en.yaml

@@ -22,9 +22,11 @@ sylius:
         filter: Filter
         filters: Filters
         from: From
+        hello: Hello
         info: Info
         login: Login
         login_to_your_account: 'Login to your account'
+        logout: Logout
         new: New
         no_label: No
         no_results: No results found