EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: render checkbox labels in bold when prepended with '*'

Browse Source
This commit is contained in:
Björn Fromme
2024-01-16 19:03:29 +01:00
parent ab2895dcc7
commit 45a1db5c9e
2 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/Checkbox.html
+15 -2
View File
@@ -1,6 +1,19 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
data-namespace-typo3-fluid="true">
<formvh:renderRenderable renderable="{element}">
<f:render partial="Field/Field" arguments="{element: element, doNotShowLabel: 1}" contentAs="elementContent">
<f:if condition="{v:format.substring(start: 0, length: 1, content: label)} == '*'">
<f:then>
<f:variable name="labelClass" value="ml-2 font-bold"/>
<f:variable name="labelString" value="{v:format.substring(start: 1, content: element.label)}"/>
</f:then>
<f:else>
<f:variable name="labelClass" value="ml-2"/>
<f:variable name="labelString" value="{element.label}"/>
</f:else>
</f:if>
<label class="inline-flex items-center">
<f:form.checkbox
property="{element.identifier}"
@@ -10,7 +23,7 @@
errorClass="form-checkbox--has-error"
additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
/>
<span class="ml-2">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
<span class="{labelClass}">{labelString}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
</label>
</f:render>
</formvh:renderRenderable>
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Form/MultiCheckbox.html
+15 -2
View File
@@ -1,8 +1,21 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
data-namespace-typo3-fluid="true">
<formvh:renderRenderable renderable="{element}">
<f:render partial="Field/Field" arguments="{element: element, doNotShowLabel: 1}" contentAs="elementContent">
<span class="block text-zinc-700 mb-1">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
<f:for each="{element.properties.options}" as="label" key="value" iteration="idIterator">
<f:if condition="{v:format.substring(start: 0, length: 1, content: label)} == '*'">
<f:then>
<f:variable name="labelClass" value="ml-2 font-bold"/>
<f:variable name="labelString" value="{v:format.substring(start: 1, content: label)}"/>
</f:then>
<f:else>
<f:variable name="labelClass" value="ml-2"/>
<f:variable name="labelString" value="{label}"/>
</f:else>
</f:if>
<div>
<label class="inline-flex items-center">
<f:form.checkbox
@@ -13,7 +26,7 @@
class="form-checkbox"
additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
/>
<span class="ml-2">{formvh:translateElementProperty(element: element, property: '{0: \'options\', 1: value}')}</span>
<span class="{labelClass}">{labelString}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
</label>
</div>
</f:for>