[Template Events] Part of new UI bundle events

Sylius · Jun 21, 2022 · 1243098 · 1243098
1 parent a5ac159
commit 1243098
Show file tree

Hide file tree

Showing 13 changed files with 152 additions and 98 deletions.
diff --git a/src/Sylius/Bundle/AdminBundle/Resources/config/app/events.yaml b/src/Sylius/Bundle/AdminBundle/Resources/config/app/events.yaml
@@ -235,6 +235,33 @@ sylius_ui:
                     priority: 5
                     context:
                         event: sylius.admin.layout.topbar_right
+
+        sylius.admin.grid.filters:
+            blocks:
+                title:
+                    template: "@SyliusUi/Grid/Filter/_title.html.twig"
+                    priority: 20
+                content:
+                    template: "@SyliusUi/Grid/Filter/_content.html.twig"
+                    priority: 10
+
+        sylius.admin.grid.content:
+            blocks:
+                content:
+                    template: "@SyliusUi/Grid/_content.html.twig"
+                    priority: 10
+
+        sylius.admin.grid.body:
+            blocks:
+                navigation:
+                    template: "@SyliusUi/Grid/_navigation.html.twig"
+                    priority: 30
+                table:
+                    template: "@SyliusUi/Grid/_table.html.twig"
+                    priority: 20
+                pagination:
+                    template: "@SyliusUi/Grid/_pagination.html.twig"
+                    priority: 10
 
         sylius.admin.order.update.form:
             blocks:
@@ -332,6 +359,27 @@ sylius_ui:
                     priority: 5
                     context:
                         event: sylius.admin.login.after_content
+
+        sylius.admin.login.logo:
+            blocks:
+                logo: 
+                    template: "@SyliusUi/Security/_logo.html.twig"
+                    priority: 10
+
+        sylius.admin.login.error:
+            blocks:
+                logo: 
+                    template: "@SyliusUi/Security/_error.html.twig"
+                    priority: 10
+
+        sylius.admin.login.form.content:
+            blocks:
+                credentials:
+                    template: "@SyliusUi/Security/Form/_credentials.html.twig"
+                    priority: 20
+                submit:
+                    template: "@SyliusUi/Security/Form/_submit.html.twig"
+                    priority: 10
 
         sylius.admin.dashboard.header.content:
             blocks:

diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Grid/Filter/_content.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Grid/Filter/_content.html.twig
@@ -0,0 +1,20 @@
+{% import '@SyliusUi/Macro/buttons.html.twig' as buttons %}
+
+{% if definition.enabledFilters|length > 0 %}
+    <div class="ui hidden divider"></div>
+    <div class="ui styled fluid accordion">
+        <div class="content {% if criteria is not null %}active{% endif %}">
+            <form method="get" action="{{ path }}" class="ui loadable form" novalidate>
+                <div class="sylius-filters">
+                    {% for filter in definition.enabledFilters|filter(filter => filter.enabled)|sort_by('position') %}
+                        <div class="sylius-filters__field">
+                            {{ sylius_grid_render_filter(grid, filter) }}
+                        </div>
+                    {% endfor %}
+                </div>
+                {{ buttons.filter() }}
+                {{ buttons.resetFilters(path) }}
+            </form>
+        </div>
+    </div>
+{% endif %}
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Grid/Filter/_title.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Grid/Filter/_title.html.twig
@@ -0,0 +1,5 @@
+<div class="title {% if criteria is not null %}active{% endif %}">
+    <i class="dropdown icon"></i>
+    <i class="filter icon"></i>
+    {{ 'sylius.ui.filters'|trans }}
+</div>
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_content.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_content.html.twig
@@ -0,0 +1,12 @@
+{% set definition = grid.definition %}
+{% set data = grid.data %}
+
+{% set path = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
+{% set criteria = app.request.query.get('criteria') %}
+
+{{ sylius_template_event('sylius.admin.grid.filters', _context) }}
+
+<div class="ui hidden divider"></div>
+<div class="sylius-grid-wrapper">
+    {{ sylius_template_event('sylius.admin.grid.body', _context) }}
+</div>
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_default.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_default.html.twig
@@ -1,77 +1 @@
-{% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
-{% import '@SyliusUi/Macro/buttons.html.twig' as buttons %}
-{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
-{% import '@SyliusUi/Macro/table.html.twig' as table %}
-
-{% set definition = grid.definition %}
-{% set data = grid.data %}
-
-{% set path = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
-{% set criteria = app.request.query.get('criteria') %}
-
-{% if definition.enabledFilters|length > 0 %}
-    <div class="ui hidden divider"></div>
-    <div class="ui styled fluid accordion">
-        <div class="title {% if criteria is not null %}active{% endif %}">
-            <i class="dropdown icon"></i>
-            <i class="filter icon"></i>
-            {{ 'sylius.ui.filters'|trans }}
-        </div>
-        <div class="content {% if criteria is not null %}active{% endif %}">
-            <form method="get" action="{{ path }}" class="ui loadable form" novalidate>
-                <div class="sylius-filters">
-                    {% for filter in definition.enabledFilters|filter(filter => filter.enabled)|sort_by('position') %}
-                        <div class="sylius-filters__field">
-                            {{ sylius_grid_render_filter(grid, filter) }}
-                        </div>
-                    {% endfor %}
-                </div>
-                {{ buttons.filter() }}
-                {{ buttons.resetFilters(path) }}
-            </form>
-        </div>
-    </div>
-{% endif %}
-
-<div class="ui hidden divider"></div>
-<div class="sylius-grid-wrapper">
-    <div class="sylius-grid-nav">
-        {% if data|length > 0 and definition.actionGroups.bulk is defined and definition.getEnabledActions('bulk')|length > 0 %}
-            <div class="sylius-grid-nav__bulk">
-                {% for action in definition.getEnabledActions('bulk') %}
-                    {{ sylius_grid_render_bulk_action(grid, action, null) }}
-                {% endfor %}
-            </div>
-        {% endif %}
-        <div class="sylius-grid-nav__pagination">
-            {{ pagination.simple(data) }}
-        </div>
-        {% if definition.limits|length > 1 and data|length > min(definition.limits) %}
-            <div class="sylius-grid-nav__perpage">
-                <div class="ui fluid one menu sylius-paginate">
-                    {{ pagination.perPage(data, definition.limits) }}
-                </div>
-            </div>
-        {% endif %}
-    </div>
-
-    {% if data|length > 0 %}
-        <div class="ui segment spaceless sylius-grid-table-wrapper">
-            <table class="ui sortable stackable very basic celled table" {{ sylius_test_html_attribute('grid-table') }}>
-                <thead>
-                <tr>
-                    {{ table.headers(grid, definition, app.request.attributes) }}
-                </tr>
-                </thead>
-                <tbody {{ sylius_test_html_attribute('grid-table-body') }}>
-                {% for row in data %}
-                    {{ table.row(grid, definition, row) }}
-                {% endfor %}
-                </tbody>
-            </table>
-        </div>
-    {% else %}
-        {{ messages.info('sylius.ui.no_results_to_display') }}
-    {% endif %}
-    {{ pagination.simple(data) }}
-</div>
+{{ sylius_template_event('sylius.admin.grid.content', _context) }}
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_navigation.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_navigation.html.twig
@@ -0,0 +1,21 @@
+{% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
+
+<div class="sylius-grid-nav">
+    {% if data|length > 0 and definition.actionGroups.bulk is defined and definition.getEnabledActions('bulk')|length > 0 %}
+        <div class="sylius-grid-nav__bulk">
+            {% for action in definition.getEnabledActions('bulk') %}
+                {{ sylius_grid_render_bulk_action(grid, action, null) }}
+            {% endfor %}
+        </div>
+    {% endif %}
+    <div class="sylius-grid-nav__pagination">
+        {{ pagination.simple(data) }}
+    </div>
+    {% if definition.limits|length > 1 and data|length > min(definition.limits) %}
+        <div class="sylius-grid-nav__perpage">
+            <div class="ui fluid one menu sylius-paginate">
+                {{ pagination.perPage(data, definition.limits) }}
+            </div>
+        </div>
+    {% endif %}
+</div>
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_pagination.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_pagination.html.twig
@@ -0,0 +1,3 @@
+{% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
+
+{{ pagination.simple(data) }}
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_table.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Grid/_table.html.twig
@@ -0,0 +1,21 @@
+{% import '@SyliusUi/Macro/table.html.twig' as table %}
+{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
+
+{% if data|length > 0 %}
+    <div class="ui segment spaceless sylius-grid-table-wrapper">
+        <table class="ui sortable stackable very basic celled table" {{ sylius_test_html_attribute('grid-table') }}>
+            <thead>
+            <tr>
+                {{ table.headers(grid, definition, app.request.attributes) }}
+            </tr>
+            </thead>
+            <tbody {{ sylius_test_html_attribute('grid-table-body') }}>
+            {% for row in data %}
+                {{ table.row(grid, definition, row) }}
+            {% endfor %}
+            </tbody>
+        </table>
+    </div>
+{% else %}
+    {{ messages.info('sylius.ui.no_results_to_display') }}
+{% endif %}
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Security/Form/_credentials.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Security/Form/_credentials.html.twig
@@ -0,0 +1,4 @@
+{{ form_row(form._username, {'value': last_username|default('')}) }}
+{{ form_row(form._password) }}
+{{ form_row(form._remember_me) }}
+<input type="hidden" name="_csrf_admin_security_token" value="{{ csrf_token('admin_authenticate') }}">
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Security/Form/_submit.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Security/Form/_submit.html.twig
@@ -0,0 +1 @@
+<button type="submit" class="ui fluid large primary submit button">Login</button>
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Security/_error.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Security/_error.html.twig
@@ -0,0 +1,7 @@
+{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
+
+{% if last_error %}
+    <div class="ui left aligned basic segment">
+        {{ messages.error(last_error.messageKey) }}
+    </div>
+{% endif %}
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Security/_login.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Security/_login.html.twig
@@ -1,34 +1,17 @@
 {% form_theme form '@SyliusUi/Form/theme.html.twig' %}
 
-{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
-
 <div class="ui middle aligned center aligned grid">
     <div class="column">
         {{ sylius_template_event('sylius.admin.login.before_form', {'form': form}) }}
 
-        {% if paths.logo is defined %}
-            <div style="max-width: 270px; margin: 0 auto; margin-bottom: 40px;">
-                <img src="{{ asset(paths.logo) }}" class="ui fluid image" id="logo">
-            </div>
-        {% endif %}
+        {{ sylius_template_event('sylius.admin.login.logo', _context) }}
 
-        {% if last_error %}
-            <div class="ui left aligned basic segment">
-                {{ messages.error(last_error.messageKey) }}
-            </div>
-        {% endif %}
+        {{ sylius_template_event('sylius.admin.login.error', _context) }}
 
         {{ form_start(form, {'action': action|default('/'), 'attr': {'class': 'ui large loadable form', 'novalidate': 'novalidate'}}) }}
             <div class="ui left aligned very padded segment">
-                {{ form_row(form._username, {'value': last_username|default('')}) }}
-                {{ form_row(form._password) }}
-                {{ form_row(form._remember_me) }}
-                <input type="hidden" name="_csrf_admin_security_token" value="{{ csrf_token('admin_authenticate') }}">
-                <button type="submit" class="ui fluid large primary submit button">Login</button>
+                {{ sylius_template_event('sylius.admin.login.form.content', _context) }}
             </div>
-
-            {{ sylius_template_event('sylius.admin.login.form', {'form': form}) }}
-
-        {{ form_end(form, {'render_rest': false}) }}
+        {{ form_end(form) }}
     </div>
 </div>
diff --git a/src/Sylius/Bundle/UiBundle/Resources/views/Security/_logo.html.twig b/src/Sylius/Bundle/UiBundle/Resources/views/Security/_logo.html.twig
@@ -0,0 +1,5 @@
+{% if paths.logo is defined %}
+    <div style="max-width: 270px; margin: 0 auto; margin-bottom: 40px;">
+        <img src="{{ asset(paths.logo) }}" class="ui fluid image" id="logo">
+    </div>
+{% endif %}