[FEATURE] add possibility to show link as a btn and btn as a link

t3kit · May 4, 2016 · ad149ce · ad149ce
1 parent 870c3c8
commit ad149ce
Show file tree

Hide file tree

Showing 8 changed files with 56 additions and 3 deletions.
diff --git a/Configuration/FlexForms/flexform_bigIconTextButton.xml b/Configuration/FlexForms/flexform_bigIconTextButton.xml
@@ -10,6 +10,14 @@
                 </TCEforms>
                 <type>array</type>
                 <el>
+                    <btnAsLink>
+                      <TCEforms>
+                        <label>LLL:EXT:theme_t3kit/Resources/Private/Language/ContentElements.xlf:elem.flexform.btnAsLink</label>
+                        <config>
+                          <type>check</type>
+                        </config>
+                      </TCEforms>
+                    </btnAsLink>
                     <iconClass>
                         <TCEforms>
                             <label>LLL:EXT:theme_t3kit/Resources/Private/Language/ContentElements.xlf:bigIconTextButton.flexform.iconClass</label>

diff --git a/Configuration/FlexForms/flexform_iconTextButton.xml b/Configuration/FlexForms/flexform_iconTextButton.xml
@@ -10,6 +10,14 @@
                 </TCEforms>
                 <type>array</type>
                 <el>
+                    <btnAsLink>
+                      <TCEforms>
+                        <label>LLL:EXT:theme_t3kit/Resources/Private/Language/ContentElements.xlf:elem.flexform.btnAsLink</label>
+                        <config>
+                          <type>check</type>
+                        </config>
+                      </TCEforms>
+                    </btnAsLink>
                     <iconClass>
                         <TCEforms>
                             <label>LLL:EXT:theme_t3kit/Resources/Private/Language/ContentElements.xlf:iconTextButton.flexform.iconClass</label>

diff --git a/Configuration/FlexForms/flexform_imageTextLink.xml b/Configuration/FlexForms/flexform_imageTextLink.xml
@@ -0,0 +1,25 @@
+<T3DataStructure>
+    <meta>
+        <langDisable>1</langDisable>
+    </meta>
+    <sheets>
+        <sDEF>
+            <ROOT>
+                <TCEforms>
+                    <sheetTitle>LLL:EXT:theme_t3kit/Resources/Private/Language/ContentElements.xlf:iconTextButton.flexform.sheetGeneral</sheetTitle>
+                </TCEforms>
+                <type>array</type>
+                <el>
+                    <linkAsBtn>
+                      <TCEforms>
+                        <label>LLL:EXT:theme_t3kit/Resources/Private/Language/ContentElements.xlf:elem.flexform.linkAsBtn</label>
+                        <config>
+                          <type>check</type>
+                        </config>
+                      </TCEforms>
+                    </linkAsBtn>
+                  </el>
+            </ROOT>
+        </sDEF>
+    </sheets>
+</T3DataStructure>
diff --git a/Configuration/TCA/Overrides/tt_content.php b/Configuration/TCA/Overrides/tt_content.php
@@ -319,6 +319,7 @@
                 --linebreak--,bodytext;' . $contentElementLanguageFilePrefix . 'imageTextLink.bodytext,
                 --linebreak--,subheader;' . $contentElementLanguageFilePrefix . 'imageTextLink.linkText,
                 --linebreak--,header_link;' . $cmsLanguageFilePrefix . 'header_link_formlabel,
+                --linebreak--,pi_flexform;' . $contentElementLanguageFilePrefix . 'tt_content.tabs.settings,
             --div--;' . $frontendLanguageFilePrefix . 'tabs.images,image,
             --div--;' . $contentElementLanguageFilePrefix . 'imageTextLink.tabs.media,media,
             --div--;' . $frontendLanguageFilePrefix . 'tabs.appearance,
@@ -472,6 +473,9 @@
     // "iconTextButton"
     $GLOBALS['TCA']['tt_content']['columns']['pi_flexform']['config']['ds']['*,iconTextButton'] = 'FILE:EXT:theme_t3kit/Configuration/FlexForms/flexform_iconTextButton.xml';
 
+    // "imageTextLink"
+    $GLOBALS['TCA']['tt_content']['columns']['pi_flexform']['config']['ds']['*,imageTextLink'] = 'FILE:EXT:theme_t3kit/Configuration/FlexForms/flexform_imageTextLink.xml';
+
     // "accordion"
     $GLOBALS['TCA']['tt_content']['columns']['pi_flexform']['config']['ds']['*,accordion'] = 'FILE:EXT:theme_t3kit/Configuration/FlexForms/flexform_accordion.xml';
 

diff --git a/Resources/Private/Language/ContentElements.xlf b/Resources/Private/Language/ContentElements.xlf
@@ -245,6 +245,14 @@
             <trans-unit id="label.default">
                 <source>Default</source>
             </trans-unit>
+
+
+            <trans-unit id="elem.flexform.linkAsBtn">
+                <source>Show link as a button</source>
+            </trans-unit>
+            <trans-unit id="elem.flexform.btnAsLink">
+                <source>Show button as a link</source>
+            </trans-unit>
         </body>
     </file>
 </xliff>
diff --git a/Resources/Private/Templates/ContentElements/BigIconTextButton.html b/Resources/Private/Templates/ContentElements/BigIconTextButton.html
@@ -15,7 +15,7 @@ <h3 class="big-icon-text-btn__header">{data.header}</h3>
 			<p class="big-icon-text-btn__p">{data.bodytext}</p>
 		</f:if>
 		<f:if condition="{data.header_link}">
-			<f:link.typolink parameter="{data.header_link}" class="big-icon-text-btn__link btn btn-default">{data.subheader}</f:link.typolink>
+			<f:link.typolink parameter="{data.header_link}" class="big-icon-text-btn__link {f:if(condition: settings.btnAsLink, then: '', else: 'btn btn-default')}">{data.subheader}</f:link.typolink>
 		</f:if>
 	</div>
 	<!-- theme_t3kit: Templates/ContentElements/bigIconTextButton.html [end] -->

diff --git a/Resources/Private/Templates/ContentElements/IconTextButton.html b/Resources/Private/Templates/ContentElements/IconTextButton.html
@@ -18,7 +18,7 @@ <h3 class="icon-text-btn__header">
 			<p class="icon-text-btn__p">{data.bodytext}</p>
 		</f:if>
 		<f:if condition="{data.header_link}">
-			<f:link.typolink parameter="{data.header_link}" title="{data.subheader}" class="icon-text-btn__link btn btn-default">{data.subheader}</f:link.typolink>
+			<f:link.typolink parameter="{data.header_link}" title="{data.subheader}" class="icon-text-btn__link  {f:if(condition: settings.btnAsLink, then: '', else: 'btn btn-default')}">{data.subheader}</f:link.typolink>
 		</f:if>
 	</div>
 	<!-- theme_t3kit: Templates/ContentElements/IconTextButton.html [end] -->

diff --git a/Resources/Private/Templates/ContentElements/ImageTextLink.html b/Resources/Private/Templates/ContentElements/ImageTextLink.html
@@ -34,7 +34,7 @@ <h3 class="img-text-link__header">{data.header}</h3>
 			<p class="img-text-link__p">{data.bodytext}</p>
 		</f:if>
 		<f:if condition="{data.header_link}">
-			<f:link.typolink parameter="{data.header_link}" title="{data.subheader}" class="img-text-link__link">{data.subheader}</f:link.typolink>
+			<f:link.typolink parameter="{data.header_link}" title="{data.subheader}" class="img-text-link__link {f:if(condition: settings.linkAsBtn, then: 'btn btn-default', else: '')}">{data.subheader}</f:link.typolink>
 		</f:if>
 	</div>
 	<!-- theme_t3kit: Templates/ContentElements/ImageTextLink.html [end] -->