coo_quickanfrage
coo_price
Kinder Anzahl und Alter für Formular Manager
HTML-Template: el-form-manager-coo_price-child-inputs.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
{namespace anfrage=TYPO3\CooQuickanfrage\ViewHelpers}
<bh:tmpl.element object="{cObj}">
<bh:variable.typoscript path="plugin.tx_cooquickanfrage.form-manager" as="form-manager">
<div class="bh-form-manager__fieldblock bh-form-manager__fieldblock--no-margin bh-form-manager__child-fields">
<div
class="bh-form-manager__item bh-form-manager__item--number bh-form-manager__child-fields__child-count bh-form-manager__child-fields__child-count--coo_price bh-form-manager__item--size-100 {f:if(condition:'{cObj.allSettings.style.count-required}', then:'bh-form-manager__item--required')}">
<f:if condition="{form-manager.config.label}">
<bh:property.text tag="label" class="bh-form-manager__item__label bh-form-manager__label"
property="text" additionalAttributes="{for: '{cObj.allSettings.inputname}-{cObj.uid}'}" />
</f:if>
<div class="bh-form-manager__field {f:if(condition:'{cObj.allSettings.style.count-required}', then:'bh-form-manager__field--required')}"
data-bh-form-manager-name-label="{cObj.allSettings.inputname} > anzahl">
<f:if condition="{form-manager.config.placeholder}">
<bh:property.text tag="span"
class="bh-form-manager__field__input bh-form-manager__field__input--property"
property="subtext" />
</f:if>
<f:form.textfield type="number" class="bh-form-manager__field__input"
id="{cObj.allSettings.inputname}-{cObj.uid}" name="{cObj.allSettings.inputname}[anzahl]"
required="{cObj.allSettings.style.count-required}"
placeholder="{f:if(condition: '{form-manager.config.placeholder}', then: '{cObj.subtext}{f:if(condition: \'{cObj.allSettings.style.count-required}\', then: \'*\')}')}"
additionalAttributes="{min:0,max:cObj.allSettings.maxCount}" />
</div>
</div>
<div
class="bh-form-manager__item bh-form-manager__item--number bh-form-manager__child-fields__child-age bh-form-manager__child-fields__child-age--template bh-form-manager__item--size-100 {f:if(condition:'{cObj.allSettings.style.age-required}', then:'bh-form-manager__item--required')}">
<f:if condition="!{cObj.allSettings.style.hide-age-label}">
<bh:property.text tag="label" class="bh-form-manager__item__label bh-form-manager__label"
property="name" additionalAttributes="{for: '{cObj.allSettings.inputname}-{cObj.uid}'}" />
</f:if>
<div class="bh-form-manager__field {f:if(condition:'{cObj.allSettings.style.count-required}', then:'bh-form-manager__field--required')}"
data-bh-form-manager-name-label="{cObj.allSettings.inputname} > alter">
<f:variable name="child-age-template-placholder">{f:translate(key:
'el-form-manager-price-child-age-placeholder', arguments: '{0:
\'#child-count#\'}',extensionName:
'CooQuickanfrage')}</f:variable>
<f:form.textfield type="number" class="bh-form-manager__field__input"
id="{cObj.allSettings.inputname}-{cObj.uid}" name="{cObj.allSettings.inputname}[alter][]"
additionalAttributes="{min:cObj.allSettings.minAge,max:cObj.allSettings.maxAge,data-placeholder:child-age-template-placholder,data-required:'{cObj.allSettings.style.age-required}'}"
placeholder="{f:translate(key: 'el-form-manager-price-child-age-placeholder', arguments: '{0: \'n\'}', extensionName: 'CooQuickanfrage')}" />
</div>
</div>
</div>
</bh:variable.typoscript>
</bh:tmpl.element>
Typoscript: el-form-manager-coo_price-child-inputs.typoscript
TYPOSCRIPT
plugin.tx_bh.settings.contentElements.el-form-manager-coo_price-child-inputs < abstract.bhElement
plugin.tx_bh.settings.contentElements.el-form-manager-coo_price-child-inputs {
name = Kinder-Felder
description = Dieses Element kann nur im Formular-Manager verwendet werden
templateFile = el-form-manager-coo_price-child-inputs.html
templatePath = EXT:coo_price/Resources/Public/Elements/el-form-manager-items/el-form-manager-coo_price-child-inputs/
settingsForm = EXT:coo_price/Resources/Public/Elements/el-form-manager-items/el-form-manager-coo_price-child-inputs/el-form-manager-coo_price-child-inputs-settings.html
iconFile = typo3conf/ext/bh/Resources/Public/Icons/Elemente/input.svg
bheParentElement = el-form-manager
bheListgroup = 10
bheSortPriority = 115
options.translate = 1
options.oncreate = advanced
inputname = kinder
styleOptions {
disableRequired = 1
size < plugin.tx_cooprice.form-manager.styleOptions.size
}
dummyData.text = Label Anzahl
dummyData.subtext = Placeholder
dummyData.name = Label Alter
maxCount = 10
minAge = 0
maxAge = 16
userClass = bh-form-manager__item
}
plugin.tx_cooquickanfrage.form-manager.items := addToList(el-form-manager-coo_price-child-inputs)
bh.page.includeCSSLibs.el-form-manager-coo_price-child-inputs = typo3conf/ext/coo_price/Resources/Public/Elements/el-form-manager-items/el-form-manager-coo_price-child-inputs/el-form-manager-coo_price-child-inputs.css
bh.page.includeJS.el-form-manager-coo_price-child-inputs = typo3conf/ext/coo_price/Resources/Public/Elements/el-form-manager-items/el-form-manager-coo_price-child-inputs/el-form-manager-coo_price-child-inputs.js
[bh.isMobile]
bhDefaultMobilePage.includeCSSLibs.el-form-manager-coo_price-child-inputs < bh.page.includeCSSLibs.el-form-manager-coo_price-child-inputs
bhDefaultMobilePage.includeJS.el-form-manager-coo_price-child-inputs < bh.page.includeJS.el-form-manager-coo_price-child-inputs
[global]
Settings-HTML: el-form-manager-coo_price-child-inputs-settings.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
{namespace anfrage=TYPO3\CooQuickanfrage\ViewHelpers}
<bh:form.settingsform content="{cObj}">
<anfrage:manager.item.settings item="{cObj}" />
<div class="bhe-formsettings-option">
<label>Maximale Anzahl</label>
<f:form.textfield type="number" name="maxCount" value="{cObj.allSettings.maxCount}"
additionalAttributes="{min: '0'}" />
</div>
<div class="bhe-formsettings-option">
<label>Minimales Alter</label>
<f:form.textfield type="number" name="minAge" value="{cObj.allSettings.minAge}"
additionalAttributes="{min: '0'}" />
</div>
<div class="bhe-formsettings-option">
<label>Maximales Alter</label>
<f:form.textfield type="number" name="maxAge" value="{cObj.allSettings.maxAge}"
additionalAttributes="{min: '0'}" />
</div>
<div class="bhe-formsettings-option">
<label>Anzahl Pflichtfeld</label>
<f:form.checkbox name="style[count-required]" value="count-required"
checked="{cObj.allSettings.style.count-required}" />
</div>
<div class="bhe-formsettings-option">
<label>Alter Pflichtfeld</label>
<f:form.checkbox name="style[age-required]" value="age-required"
checked="{cObj.allSettings.style.age-required}" />
</div>
<div class="bhe-formsettings-option">
<label>Label für Alter ausblenden</label>
<f:form.checkbox name="style[hide-age-label]" value="hide-age-label"
checked="{cObj.allSettings.style.hide-age-label}" />
</div>
<bh:form.dynamicFields item="{cObj}" settings="{cObj.allSettings.settingsGlobalFields}" />
<f:form.submit value="Speichern" />
</bh:form.settingsform>