PoC view talks filter by multiple speakers on a bulk action of the grid

Author: loic425

app/Entity/File.php

@@ -41,7 +41,7 @@ public function getPath(): ?string
         return $this->path;
     }
 
-    public function setPath(string $path): void
+    public function setPath(?string $path): void
     {
         $this->path = $path;
     }

app/Entity/Speaker.php

@@ -16,6 +16,7 @@
 use App\Form\SpeakerType;
 use App\Grid\SpeakerGrid;
 use App\Repository\SpeakerRepository;
+use App\State\Responder\RedirectToSpeakerTalksResponder;
 use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\Common\Collections\Collection;
 use Doctrine\ORM\Mapping as ORM;
@@ -38,6 +39,11 @@
         new Create(),
         new Update(),
         new Index(grid: SpeakerGrid::class),
+        new Index(
+            shortName: 'redirect_to_speaker_talks',
+            responder: RedirectToSpeakerTalksResponder::class,
+            repositoryMethod: 'findById',
+        ),
         new Delete(),
         new BulkDelete(),
     ],

app/Grid/SpeakerGrid.php

@@ -89,6 +89,8 @@ public function buildGrid(GridBuilderInterface $gridBuilder): void
             ->addActionGroup(
                 BulkActionGroup::create(
                     DeleteAction::create(),
+                    Action::create('redirect_to_speaker_talks', 'redirect_to_speaker_talks')
+                        ->setLabel('View talks'),
                 ),
             )
         ;

app/Grid/TalkGrid.php

@@ -55,6 +55,7 @@ public function buildGrid(GridBuilderInterface $gridBuilder): void
             ->addFilter(
                 Filter::create(name: 'speaker', type: SpeakerFilter::class)
                     ->setLabel('app.ui.speaker')
+                    ->setFormOptions(['multiple' => true])
                     ->setOptions(['fields' => ['speakers.id']]),
             )
             ->addFilter(

app/State/Responder/RedirectToSpeakerTalksResponder.php

@@ -0,0 +1,48 @@
+<?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 App\State\Responder;
+
+use App\Entity\Speaker;
+use Sylius\Resource\Context\Context;
+use Sylius\Resource\Metadata\Operation;
+use Sylius\Resource\State\ResponderInterface;
+use Symfony\Component\HttpFoundation\RedirectResponse;
+use Symfony\Component\Routing\RouterInterface;
+use Webmozart\Assert\Assert;
+
+final class RedirectToSpeakerTalksResponder implements ResponderInterface
+{
+    public function __construct(
+        private readonly RouterInterface $router,
+    ) {
+    }
+
+    /**
+     * @param Speaker[] $data
+     */
+    public function respond(mixed $data, Operation $operation, Context $context): RedirectResponse
+    {
+        Assert::allIsInstanceOf($data, Speaker::class);
+
+        $ids = array_map(fn (Speaker $speaker) => $speaker->getId(), $data);
+
+        $path = $this->router->generate('app_admin_talk_index', [
+            'criteria' => [
+                'speaker' => $ids,
+            ],
+        ]);
+
+        return new RedirectResponse($path);
+    }
+}

config/packages/sylius_grid.yaml

@@ -2,3 +2,5 @@ sylius_grid:
     templates:
         filter:
             'App\Grid\Filter\SpeakerFilter': '@SyliusBootstrapAdminUi/shared/grid/filter/entity.html.twig'
+        bulk_action:
+            'redirect_to_speaker_talks': 'shared/grid/bulk_action/redirect_to_speaker_talks.html.twig'

src/BootstrapAdminUi/assets/entrypoint.js

@@ -9,7 +9,7 @@
 
 import './styles/main.scss';
 
-import './scripts/bulk-delete';
+import './scripts/bulk-action';
 import './scripts/check-all';
 import './scripts/menu-search';
 

src/BootstrapAdminUi/assets/scripts/bulk-delete.js renamed to src/BootstrapAdminUi/assets/scripts/bulk-action.js

@@ -9,8 +9,8 @@
 
 /* global document */
 
-function syliusBulkDelete(form) {
-    const groupName = form.getAttribute('data-bulk-delete');
+function syliusBulkAction(form) {
+    const groupName = form.getAttribute('data-bulk-action');
     const groupItems = Array.from(document.querySelectorAll(`input[data-check-all-group="${groupName}"]`));
 
     form.addEventListener('submit', (e) => {
@@ -31,5 +31,5 @@ function syliusBulkDelete(form) {
 }
 
 (function () {
-    document.querySelectorAll('[data-bulk-delete]').forEach(syliusBulkDelete);
+    document.querySelectorAll('[data-bulk-action]').forEach(syliusBulkAction);
 }());

src/BootstrapAdminUi/public/app.js

@@ -10,7 +10,7 @@
         <div class="card-body border-bottom py-3">
             <div class="d-flex">
                 {% if data|length > 0 and definition.actionGroups.bulk is defined and definition.getEnabledActions('bulk')|length > 0 %}
-                    <div class="sylius-grid-nav__bulk">
+                    <div class="sylius-grid-nav__bulk grid">
                         {% for action in definition.getEnabledActions('bulk') %}
                             {{ sylius_grid_render_bulk_action(resources, action, null) }}
                         {% endfor %}

src/BootstrapAdminUi/templates/shared/crud/index/content/grid/data_table.html.twig

@@ -1,6 +1,6 @@
 {% set path = options.link.url|default(path(options.link.route|default(grid.requestConfiguration.getRouteName('bulk_delete')), options.link.parameters|default({}))) %}
 
-{% component 'sylius_bootstrap_admin_ui:delete_modal' with {id: 'bulk_delete', path: path, type: 'bulk-delete', form_attr: 'data-bulk-delete=index'} %}
+{% component 'sylius_bootstrap_admin_ui:delete_modal' with {id: 'bulk_delete', path: path, type: 'bulk-delete', form_attr: 'data-bulk-action=index'} %}
     {% import '@SyliusBootstrapAdminUi/shared/helper/button.html.twig' as button %}
 
     {% block trigger %}

src/BootstrapAdminUi/templates/shared/grid/bulk_action/delete.html.twig

@@ -0,0 +1,16 @@
+{% import '@SyliusBootstrapAdminUi/shared/helper/button.html.twig' as button %}
+
+{% set label = action.label|trans %}
+{% set path = path('app_admin_speaker_redirect_to_speaker_talks') %}
+{% set form_attr = 'data-bulk-action=index' %}
+
+<form action="{{ path }}" method="GET" {{ form_attr }}>
+    {{ button.default({
+        text: label|trans,
+        type: 'submit',
+        class: 'btn-ghost-primary',
+        disabled: true,
+        attr: 'data-check-all-action=index',
+        icon: 'tabler:list-letters'
+    }) }}
+</form>