[AdminUi] Add a full layout

config/routes.yaml

@@ -3,3 +3,15 @@ index:
     controller: Symfony\Bundle\FrameworkBundle\Controller\TemplateController
     defaults:
         template: base.html.twig
+
+admin_cms_simple_page:
+    path: /admin/cms/page/simple
+    controller: Symfony\Bundle\FrameworkBundle\Controller\TemplateController
+    defaults:
+        template: 'cms/page/simple.html.twig'
+
+admin_cms_page_with_hooks:
+    path: /admin/cms/page/with_hooks
+    controller: Symfony\Bundle\FrameworkBundle\Controller\TemplateController
+    defaults:
+        template: 'cms/page/with_hooks.html.twig'

config/sylius/twig_hooks/cms/page.php

@@ -0,0 +1,30 @@
+<?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' => [
+            'app.cms_page#navbar' => [
+                'content' => [
+                    'enabled' => false,
+                ],
+            ],
+            'app.cms_page#content' => [
+                'body' => [
+                    'template' => 'cms/page/with_hooks/body.html.twig',
+                ],
+            ],
+        ],
+    ]);
+};

src/AdminUi/templates/layout/full.html.twig

@@ -0,0 +1,23 @@
+{% extends '@SyliusAdminUi/base.html.twig' %}
+
+{% set prefixes = prefixes|default({})|merge([
+    'sylius_admin.common.layout.full',
+]) %}
+
+{% block body %}
+    {% block sidebar %}
+        {% hook '#sidebar' with {_prefixes: prefixes} %}
+    {% endblock %}
+
+    {% block navbar %}
+        {% hook '#navbar' with {_prefixes: prefixes} %}
+    {% endblock %}
+
+    {% block content %}
+        {% hook '#content' with {_prefixes: prefixes} %}
+    {% endblock %}
+
+    {% block footer %}
+        {% hook '#footer' with {_prefixes: prefixes} %}
+    {% endblock %}
+{% endblock %}

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

@@ -0,0 +1,36 @@
+<?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.layout.full#sidebar' => [
+                'content' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/sidebar.html.twig',
+                ],
+            ],
+            'sylius_admin.common.layout.full#navbar' => [
+                'content' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/navbar.html.twig',
+                ],
+            ],
+            'sylius_admin.common.layout.full#footer' => [
+                'content' => [
+                    'template' => '@SyliusBootstrapAdminUi/shared/crud/common/content/footer.html.twig',
+                ],
+            ],
+        ],
+    ]);
+};

templates/cms/page/simple.html.twig

@@ -0,0 +1,15 @@
+{% extends '@SyliusAdminUi/layout/full.html.twig' %}
+
+{% block content %}
+    <div class="page-wrapper">
+        <div class="page-body">
+            <div class="container-xl">
+                <div class="row">
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac felis nec sapien interdum luctus. Integer non sapien in urna faucibus pharetra. Vivamus vitae justo at arcu gravida aliquam. Sed congue eros id dolor faucibus, in iaculis arcu lacinia.</p>
+                    <h3>Section</h3>
+                    <p>Phasellus euismod, justo in facilisis lacinia, massa arcu convallis libero, sed consequat dolor nisl sit amet libero. Aenean euismod sem vel turpis ultrices, vitae laoreet leo sodales.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}

templates/cms/page/with_hooks.html.twig

@@ -0,0 +1,3 @@
+{% extends '@SyliusAdminUi/layout/full.html.twig' %}
+
+{% set prefixes = ['app.cms_page'] %}

templates/cms/page/with_hooks/body.html.twig

@@ -0,0 +1,11 @@
+<div class="page-wrapper">
+    <div class="page-body">
+        <div class="container-xl">
+            <div class="row">
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac felis nec sapien interdum luctus. Integer non sapien in urna faucibus pharetra. Vivamus vitae justo at arcu gravida aliquam. Sed congue eros id dolor faucibus, in iaculis arcu lacinia.</p>
+                <h3>Section</h3>
+                <p>Phasellus euismod, justo in facilisis lacinia, massa arcu convallis libero, sed consequat dolor nisl sit amet libero. Aenean euismod sem vel turpis ultrices, vitae laoreet leo sodales.</p>
+            </div>
+        </div>
+    </div>
+</div>