[BootstrapAdminUi] Improve Twig hooks to customize logos (#119)

Also created on Sylius/Sylius#17397
Sylius · Nov 5, 2024 · b741239 · b741239
2 parents ea403f0 + 1f40d9c
commit b741239
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 2 deletions.
diff --git a/src/BootstrapAdminUi/config/app/twig_hooks/layout/sidebar.php b/src/BootstrapAdminUi/config/app/twig_hooks/layout/sidebar.php
@@ -24,6 +24,12 @@
                     'template' => '@SyliusBootstrapAdminUi/shared/crud/common/sidebar/menu.html.twig',
                 ],
             ],
+
+            'sylius_admin.common.component.sidebar.logo' => [
+                'image' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/sidebar/logo/image.html.twig',
+                ],
+            ],
         ],
     ]);
 };
diff --git a/src/BootstrapAdminUi/config/app/twig_hooks/security/login.php b/src/BootstrapAdminUi/config/app/twig_hooks/security/login.php
@@ -25,6 +25,12 @@
                 ],
             ],
 
+            'sylius_admin.security.login.logo' => [
+                'image' => [
+                    'template' => '@SyliusBootstrapAdminUi/security/common/logo/image.html.twig',
+                ],
+            ],
+
             'sylius_admin.security.login.content' => [
                 'header' => [
                     'template' => '@SyliusBootstrapAdminUi/security/common/content/header.html.twig',

diff --git a/src/BootstrapAdminUi/templates/security/common/logo.html.twig b/src/BootstrapAdminUi/templates/security/common/logo.html.twig
@@ -1,3 +1,3 @@
 <div class="text-center mb-4">
-    <img src="{{ asset('bundles/syliusbootstrapadminui/images/sylius-logo-dark-text.png') }}" alt="Sylius" class="sylius navbar-brand-image">
+    {% hook 'logo' %}
 </div>
diff --git a/src/BootstrapAdminUi/templates/security/common/logo/image.html.twig b/src/BootstrapAdminUi/templates/security/common/logo/image.html.twig
@@ -0,0 +1 @@
+<img src="{{ asset('bundles/syliusbootstrapadminui/images/sylius-logo-dark-text.png') }}" alt="Sylius" class="sylius navbar-brand-image">
diff --git a/src/BootstrapAdminUi/templates/shared/crud/common/sidebar/logo.html.twig b/src/BootstrapAdminUi/templates/shared/crud/common/sidebar/logo.html.twig
@@ -2,6 +2,6 @@
 
 <h1 class="navbar-brand">
     <a href="{{ dashboard_path }}">
-        <img src="{{ asset('bundles/syliusbootstrapadminui/images/sylius-logo.svg') }}" alt="Sylius" class="navbar-brand-image" />
+        {% hook 'logo' %}
     </a>
 </h1>
diff --git a/src/BootstrapAdminUi/templates/shared/crud/common/sidebar/logo/image.html.twig b/src/BootstrapAdminUi/templates/shared/crud/common/sidebar/logo/image.html.twig
@@ -0,0 +1 @@
+<img src="{{ asset('bundles/syliusbootstrapadminui/images/sylius-logo.svg') }}" alt="Sylius" class="navbar-brand-image" />