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/Processor/UpdateSpeakerProcessor.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\State\Processor;
+
+use Sylius\Resource\Context\Context;
+use Sylius\Resource\Metadata\Operation;
+use Sylius\Resource\State\ProcessorInterface;
+
+final class UpdateSpeakerProcessor implements ProcessorInterface
+{
+    public function process(mixed $data, Operation $operation, Context $context): mixed
+    {
+        dd($data);
+    }
+}

app/State/Responder/RedirectToSpeakerTalksResponder.php

@@ -0,0 +1,37 @@
+<?php
+
+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);
 }());