Add ability to control the target for a button

src/Form/Type/UiElement/ButtonLinkType.php

@@ -16,6 +16,7 @@
 use MonsieurBiz\SyliusRichEditorPlugin\Form\Type\AlignmentType;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\TextType as FormTextType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Validator\Constraints as Assert;
 
@@ -67,6 +68,12 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                 'label' => 'monsieurbiz_richeditor_plugin.ui_element.monsieurbiz.button.field.link',
                 'constraints' => $constraintsLink,
             ])
+            ->add('target', ChoiceType::class, [
+                'choices'  => [
+                    'Open in the same frame as it was clicked (this is default)' => '_self',
+                    'Open in a new window or tab' => '_blank',
+                ],
+            ])
             ->add('align', AlignmentType::class)
         ;
     }

src/Resources/translations/messages.en.yml

@@ -80,6 +80,7 @@ monsieurbiz_richeditor_plugin:
       field:
         label: 'Label'
         link: 'Link'
+        target: 'Target'
     monsieurbiz.youtube:
       title: 'Youtube Element'
       short_description: 'A Youtube element.'

src/Resources/translations/messages.es.yml

@@ -80,6 +80,7 @@ monsieurbiz_richeditor_plugin:
       field:
         label: 'Etiqueta'
         link: 'Enlace'
+        target: 'Destino'
     monsieurbiz.youtube:
       title: 'Elemento de Youtube'
       short_description: 'Un elemento de Youtube.'

src/Resources/translations/messages.fr.yml

@@ -80,6 +80,7 @@ monsieurbiz_richeditor_plugin:
       field:
         label: 'Libellé'
         link: 'Lien'
+        target: 'Cible'
     monsieurbiz.youtube:
       title: 'Lame Youtube'
       short_description: 'Une vidéo youtube.'

src/Resources/translations/messages.hr.yml

@@ -80,6 +80,7 @@ monsieurbiz_richeditor_plugin:
       field:
         label: 'Natpis na gumbu'
         link: 'URL linka'
+        target: 'Ciljni'
     monsieurbiz.youtube:
       title: 'YouTube video'
       short_description: 'Element s YouTube videom.'

src/Resources/translations/messages.nl.yml

@@ -62,6 +62,7 @@ monsieurbiz_richeditor_plugin:
       field:
         label: 'Label'
         link: 'Link'
+        target: 'Doelkenmerk'
     monsieurbiz.youtube:
       title: 'YouTube-video'
       short_description: 'Een YouTube-element.'

src/Resources/translations/messages.pl.yaml

@@ -80,6 +80,7 @@ monsieurbiz_richeditor_plugin:
             field:
                 label: 'Etykieta'
                 link: 'Link'
+                target: 'Docelowy'
         monsieurbiz.youtube:
             title: 'Element YouTube'
             short_description: 'Element YouTube.'

src/Resources/views/Admin/UiElement/button.html.twig

@@ -4,9 +4,11 @@
     element fields :
         label
         link
+        target
         align
 #}
 {% set align = element.align is defined and element.align is not empty ? element.align : 'center' %}
+{% set target = element.target is defined and element.target is not empty ? element.target : '_self' %}
 <p style="text-align: {{align}};">
-    <a href="{{ element.link }}" class="ui primary button massive">{{ element.label }}</a>
+    <a href="{{ element.link }}" target="{{ element.target }}" rel="noopener noreferrer" class="ui primary button massive">{{ element.label }}</a>
 </p>