coo_quickanfrage
Einzeiliges Textfeld für Formular Manager
HTML-Template: el-form-manager-text-input.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">
<bh:property.text tag="label"
class="bh-form-manager__item__label bh-form-manager__label {f:if(condition: '!{form-manager.config.label}', then: 'bh-form-manager__label-hidden')}"
property="{f:if(condition: '!{form-manager.config.label}', then: 'subtext', else: 'text')}"
additionalAttributes="{for: '{cObj.allSettings.inputname}-{cObj.uid}'}" />
<div class="bh-form-manager__field {f:if(condition: '{cObj.allSettings.style.bh-form-manager__item--required}', then: 'bh-form-manager__field--required')}"
data-bh-form-manager-name-label="{cObj.allSettings.inputname}">
<f:if condition="{form-manager.config.placeholder}">
<bh:property.text tag="span" rte="false"
class="bh-form-manager__field__input bh-form-manager__field__input--property" property="subtext" />
</f:if>
<f:form.textfield class="bh-form-manager__field__input" id="{cObj.allSettings.inputname}-{cObj.uid}"
name="{cObj.allSettings.inputname}" required="{cObj.allSettings.style.bh-form-manager__item--required}"
placeholder="{f:if(condition: '{form-manager.config.placeholder}', then: '{cObj.subtext -> f:format.htmlentitiesDecode()}{f:if(condition: \'{cObj.allSettings.style.bh-form-manager__item--required}\', then: \'*\')}')}" />
</div>
</bh:variable.typoscript>
</bh:tmpl.element>
Typoscript: el-form-manager-text-input.typoscript
TYPOSCRIPT
plugin.tx_bh.settings.contentElements.el-form-manager-text-input < abstract.bhElement
plugin.tx_bh.settings.contentElements.el-form-manager-text-input {
name = Textfeld (einzeilig)
description = Dieses Element kann nur im Formular-Manager verwendet werden
templateFile = el-form-manager-text-input.html
templatePath = EXT:coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-text-input/
settingsForm = EXT:coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-text-input/el-form-manager-text-input-settings.html
iconFile = EXT:bh/Resources/Public/Icons/Elemente/input.svg
bheParentElement = el-form-manager
bheSortPriority = 5
options.translate = 1
options.oncreate = advanced
styleOptions {
size < plugin.tx_cooquickanfrage.form-manager.styleOptions.size
}
dummyData.text = Textfeld
dummyData.subtext = Textfeld
userClass = bh-form-manager__item
}
plugin.tx_cooquickanfrage.form-manager.items := addToList(el-form-manager-text-input)
bh.page.includeCSSLibs.el-form-manager-text-input = EXT:coo_quickanfrage/Resources/Public/Elements/el-form-manager-items/el-form-manager-text-input/el-form-manager-text-input.css
[bh.isMobile]
bhDefaultMobilePage.includeCSSLibs.el-form-manager-text-input < bh.page.includeCSSLibs.el-form-manager-text-input
[global]
Settings-HTML: el-form-manager-text-input-settings.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
{namespace anfrage=TYPO3\CooQuickanfrage\ViewHelpers}
<bh:form.settingsform content="{cObj}">
<anfrage:manager.item.settings item="{cObj}" />
<bh:form.dynamicFields item="{cObj}" settings="{cObj.allSettings.settingsGlobalFields}" />
<f:form.submit value="Speichern" />
</bh:form.settingsform>