Merge pull request #9 from etienne-monsieurbiz/feat/add-link-to-logos

Add link in logos blade
monsieurbiz · Sep 30, 2024 · e3b629c · e3b629c
2 parents e312bb7 + e5eb6c3
commit e3b629c
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 2 deletions.
diff --git a/src/Form/Type/ImageType.php b/src/Form/Type/ImageType.php
@@ -25,6 +25,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         if (!$options['with_link']) {
             $builder->remove('link');
+            $builder->remove('link_type');
         }
         if (!$options['with_alignment']) {
             $builder->remove('align');

diff --git a/src/Form/Type/UiElement/LogosUiElementType.php b/src/Form/Type/UiElement/LogosUiElementType.php
@@ -54,6 +54,9 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                 'attr' => [
                     'class' => 'ui segment secondary collection--flex',
                 ],
+                'entry_options' => [
+                    'with_link' => true,
+                ],
             ])
         ;
     }

diff --git a/src/Resources/views/Admin/UiElement/logos_ui_element.html.twig b/src/Resources/views/Admin/UiElement/logos_ui_element.html.twig
@@ -6,6 +6,8 @@ element fields:
     - logos
         - image
         - alt
+        - link
+        - link_type
 #}
 
 <div>
@@ -16,7 +18,14 @@ element fields:
     <div class="ui grid">
         {% for logo in element.logos %}
             <div class="four wide column">
-                <img src="{{ logo.image|imagine_filter('monsieurbiz_sylius_ui_elements_logos') }}" alt="{{ logo.alt|default('') }}" width="180">
+                {% if logo.link|default('') %}
+                    {% set linkIsBlank = logo.link_type is defined and logo.link_type == constant('MonsieurBiz\\SyliusRichEditorPlugin\\Form\\Type\\LinkTypeType::TYPE_EXTERNAL') %}
+                    <a href="{{ logo.link }}"{% if linkIsBlank %} target="_blank" rel="noopener noreferrer"{% endif %}>
+                        <img src="{{ logo.image|imagine_filter('monsieurbiz_sylius_ui_elements_logos') }}" alt="{{ logo.alt|default('') }}" width="180">
+                    </a>
+                {% else %}
+                    <img src="{{ logo.image|imagine_filter('monsieurbiz_sylius_ui_elements_logos') }}" alt="{{ logo.alt|default('') }}" width="180">
+                {% endif %}
             </div>
         {% endfor %}
     </div>

diff --git a/src/Resources/views/Shop/UiElement/logos_ui_element.html.twig b/src/Resources/views/Shop/UiElement/logos_ui_element.html.twig
@@ -6,6 +6,8 @@ element fields:
     - logos
         - image
         - alt
+        - link
+        - link_type
 #}
 
 <div>
@@ -16,7 +18,14 @@ element fields:
     <div class="ui grid">
         {% for logo in element.logos %}
             <div class="four wide column">
-                <img src="{{ logo.image|imagine_filter('monsieurbiz_sylius_ui_elements_logos') }}" alt="{{ logo.alt|default('') }}" width="180">
+                {% if logo.link|default('') %}
+                    {% set linkIsBlank = logo.link_type is defined and logo.link_type == constant('MonsieurBiz\\SyliusRichEditorPlugin\\Form\\Type\\LinkTypeType::TYPE_EXTERNAL') %}
+                    <a href="{{ logo.link }}"{% if linkIsBlank %} target="_blank" rel="noopener noreferrer"{% endif %}>
+                        <img src="{{ logo.image|imagine_filter('monsieurbiz_sylius_ui_elements_logos') }}" alt="{{ logo.alt|default('') }}" width="180">
+                    </a>
+                {% else %}
+                    <img src="{{ logo.image|imagine_filter('monsieurbiz_sylius_ui_elements_logos') }}" alt="{{ logo.alt|default('') }}" width="180">
+                {% endif %}
             </div>
         {% endfor %}
     </div>