Fix action templates with url option (#259)

![image](https://github.com/user-attachments/assets/0dbdaace-37d2-4d5e-a511-5175ca63139b)

- [x] Fix action templates with a defined url when the default route
does not exist
- [x] Add a disabled class when the path is empty


![image](https://github.com/user-attachments/assets/92ca2d6d-efb5-4a5b-8c3b-c7825062745b)

Author: loic425

app/Entity/Talk.php

@@ -66,6 +66,9 @@ class Talk implements ResourceInterface
     #[NotBlank]
     private ?\DateTimeImmutable $endsAt = null;
 
+    #[ORM\Column(nullable: true)]
+    private ?string $videoUrl = null;
+
     #[ORM\Column(enumType: Track::class)]
     #[NotBlank]
     private ?Track $track = null;
@@ -129,6 +132,16 @@ public function setEndsAt(?\DateTimeImmutable $endsAt): void
         $this->endsAt = $endsAt;
     }
 
+    public function getVideoUrl(): ?string
+    {
+        return $this->videoUrl;
+    }
+
+    public function setVideoUrl(?string $videoUrl): void
+    {
+        $this->videoUrl = $videoUrl;
+    }
+
     public function getTrack(): ?Track
     {
         return $this->track;

app/Factory/TalkFactory.php

@@ -73,6 +73,11 @@ public function withConference(Proxy|Conference $conference): self
         return $this->with(['conference' => $conference]);
     }
 
+    public function withVideoUrl(string $videoUrl): self
+    {
+        return $this->with(['videoUrl' => $videoUrl]);
+    }
+
     protected function defaults(): array|callable
     {
         return [

app/Grid/TalkGrid.php

@@ -19,6 +19,7 @@
 use App\Grid\Filter\SpeakerFilter;
 use Sylius\Bundle\GridBundle\Builder\Action\CreateAction;
 use Sylius\Bundle\GridBundle\Builder\Action\DeleteAction;
+use Sylius\Bundle\GridBundle\Builder\Action\ShowAction;
 use Sylius\Bundle\GridBundle\Builder\Action\UpdateAction;
 use Sylius\Bundle\GridBundle\Builder\ActionGroup\BulkActionGroup;
 use Sylius\Bundle\GridBundle\Builder\ActionGroup\ItemActionGroup;
@@ -94,6 +95,13 @@ public function buildGrid(GridBuilderInterface $gridBuilder): void
             )
             ->addActionGroup(
                 ItemActionGroup::create(
+                    ShowAction::create()
+                        ->setOptions([
+                            'link' => [
+                                'url' => 'resource.videoUrl',
+                            ],
+                        ])
+                        ->setIcon('tabler:video'),
                     UpdateAction::create(),
                     DeleteAction::create(),
                 ),

app/Story/DefaultSyliusCon2024TalksStory.php

@@ -278,6 +278,7 @@ private function createTechTwoTalks(): void
             ->withStartingDate(new \DateTimeImmutable('2024-11-13 11:00:00'))
             ->withEndingDate(new \DateTimeImmutable('2024-11-13 11:45:00'))
             ->withConference(ConferenceFactory::findOrCreate(['name' => 'SyliusCon 2024']))
+            ->withVideoUrl('https://www.youtube.com/watch?v=VgtygyxbdyM')
             ->create()
         ;
 

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

@@ -1,5 +1,12 @@
 {% set id = options.link.parameters['id']|default(data.id)  %}
 
-{% set path = options.link.url|default(path(options.link.route|default(grid.requestConfiguration.getRouteName('delete')), options.link.parameters|default({'id': id}))) %}
+{% if options.link.url is defined %}
+    {% set path = options.link.url %}
+{% else %}
+    {% set default_route = options.link.route|default(grid.requestConfiguration is defined ? grid.requestConfiguration.getRouteName('delete') : null) %}
+    {% set path = options.link.url|default(default_route ? path(default_route, options.link.parameters|default({'id': data.id})): null) %}
+{% endif %}
 
-{{ component('sylius_bootstrap_admin_ui:delete_modal', {id: id, path: path, label: action.label, icon: action.icon}) }}
+{% set disabled = path is empty %}
+
+{{ component('sylius_bootstrap_admin_ui:delete_modal', {id: id, path: path, label: action.label, icon: action.icon, disabled: disabled}) }}

src/BootstrapAdminUi/templates/shared/grid/action/show.html.twig

@@ -1,6 +1,13 @@
-{% set path = options.link.url|default(path(options.link.route|default(grid.requestConfiguration.getRouteName('show')), options.link.parameters|default({'id': data.id}))) %}
+{% if options.link.url is defined %}
+    {% set path = options.link.url %}
+{% else %}
+    {% set default_route = options.link.route|default(grid.requestConfiguration is defined ? grid.requestConfiguration.getRouteName('show') : null) %}
+    {% set path = options.link.url|default(default_route ? path(default_route, options.link.parameters|default({'id': data.id})): null) %}
+{% endif %}
+
 {% set message = action.label|default('sylius.ui.show') %}
+{% set disabled = path is empty %}
 
-<a title="details" href="{{ path }}" class="btn btn-icon" data-bs-toggle="tooltip" data-bs-title="{{ message|trans }}" {{ sylius_test_html_attribute('show-action', message|trans ) }}>
+<a title="details" href="{{ path }}" class="btn btn-icon {% if disabled %}disabled{% endif %}" data-bs-toggle="tooltip" data-bs-title="{{ message|trans }}" {{ sylius_test_html_attribute('show-action', message|trans ) }}>
     {{ ux_icon(action.icon|default('tabler:eye')) }}
 </a>

src/BootstrapAdminUi/templates/shared/grid/action/update.html.twig

@@ -1,6 +1,13 @@
-{% set path = options.link.url|default(path(options.link.route|default(grid.requestConfiguration.getRouteName('update')), options.link.parameters|default({'id': data.id}))) %}
+{% if options.link.url is defined %}
+    {% set path = options.link.url %}
+{% else %}
+    {% set default_route = options.link.route|default(grid.requestConfiguration is defined ? grid.requestConfiguration.getRouteName('update') : null) %}
+    {% set path = options.link.url|default(default_route ? path(default_route, options.link.parameters|default({'id': data.id})): null) %}
+{% endif %}
+
 {% set message = action.label|default('sylius.ui.edit') %}
+{% set disabled = path is empty %}
 
-<a href="{{ path }}" class="btn btn-icon" data-bs-toggle="tooltip" data-bs-title="{{ message|trans }}">
+<a href="{{ path }}" class="btn btn-icon {% if disabled %}disabled{% endif %}" data-bs-toggle="tooltip" data-bs-title="{{ message|trans }}">
     {{ ux_icon(action.icon|default('tabler:pencil')) }}
 </a>