anchor wrapped around spotlight items

sitegeist · Jul 9, 2020 · 9744867 · 9744867
1 parent c251edd
commit 9744867
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/Configuration/NodeTypes.Content.Section.Spotlight.Item.yaml b/Configuration/NodeTypes.Content.Section.Spotlight.Item.yaml
@@ -13,6 +13,9 @@
         text:
           label: "Text"
           icon: icon-bars
+        anchor:
+          label: 'Anchor'
+          icon: icon-link
 
   properties:
     spotLogo:
@@ -42,3 +45,20 @@
                 label: 'left'
               'align-right':
                 label: 'right'
+
+    link:
+      type: string
+      ui:
+        label: 'Linked to:'
+        inspector:
+          group: anchor
+          editor: 'Neos.Neos/Inspector/Editors/LinkEditor'
+
+    target:
+      type: boolean
+      ui:
+        label: 'Open In New window'
+        inspector:
+          group: anchor
+
+
diff --git a/Resources/Private/Fusion/Content/Section/Spotlight.Item.fusion b/Resources/Private/Fusion/Content/Section/Spotlight.Item.fusion
@@ -44,6 +44,12 @@ prototype(Sitegeist.NeosTemplate.Spectral:Content.Section.Spotlight.Item) < prot
         }
     }
 
+    href = ${q(node).property('link')}
+    href.@if.inBackend = ${node.context.live}
+    href.@process.convertUris = Neos.Neos:ConvertUris
+
+    target = ${q(node).property('target')}
+
     alignment = ${q(node).property('alignment')}
 
 
@@ -60,4 +66,12 @@ prototype(Sitegeist.NeosTemplate.Spectral:Content.Section.Spotlight.Item) < prot
             </div>
         </section>
     `
+    renderer.@process.wrapInAnchor = Neos.Fusion:Tag {
+        tagName = 'a'
+        attributes.href = ${props.href}
+        attributes.target = '_blank'
+        attributes.target.@if.ifChecked = ${props.targetgi}
+        content = ${value}
+        @if.hasAnchor = ${props.href}
+    }
 }