coo_quickanfrage
coo_price
Zimmer-Liste für Formular Manager
HTML-Template: el-form-manager-coo_price-room-list.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:variable.typoscript path="plugin.tx_cooprice.form-manager" as="form-manager-price">
<div
class="bh-form-manager__room-list bh-form-manager__coo_price-list bh-form-manager__room-list--coo_price">
<f:if condition="!{cObj.allSettings.style.hide-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__fieldblock bh-form-manager__fieldblock--no-margin bh-form-manager__checkbox-list bh-form-manager__room-list__items"
data-bh-form-manager-name-label="{cObj.allSettings.inputname}">
<price:room.list categories="{cObj.allSettings.categories}"
pricetables="{cObj.allSettings.pricetables}">
<f:for each="{rooms}" as="room" iteration="i">
<div class="bh-form-manager__item bh-form-manager__item--checkbox bh-form-manager__checkbox-list__item bh-form-manager__room-list__item"
data-code="{room.code}" data-uid="{room.uid}">
<div class="bh-form-manager__checkbox">
<f:form.checkbox class="bh-form-manager__checkbox__input"
id="room-{room.uid}-{cObj.uid}" name="{cObj.allSettings.inputname}[]"
value="{room.name}" />
<label for="room-{room.uid}-{cObj.uid}"
class="bh-form-manager__checkbox__checkitem">
<span class="bh-form-manager__checkbox__icon"></span>
<span
class="bh-form-manager__item__label bh-form-manager__label bh-form-manager__checkbox__label bh-bodytext">
<price:link.detail class="bh-form-manager__room-list__item__name-link"
item="{room}" additionalAttributes="{target:'_blank'}">
<span class="bh-form-manager__room-list__item__name">{room.name}</span>
</price:link.detail>
<f:if condition="{room.occupancyMax} > 1">
<f:then>
<f:variable name="personKey"
value="el-form-manager-price-infos-personen" />
</f:then>
<f:else>
<f:variable name="personKey"
value="el-form-manager-price-infos-person" />
</f:else>
</f:if>
<div class="bh-form-manager__room-list__item__infos">
<f:translate key="el-form-manager-price-room-list-item-infos" arguments="{
0: room.name,
1: room.subtext,
2: room.description,
3: room.size,
4: '{room.priceFrom -> f:format.currency(decimalSeparator: form-manager-price.infos.price.decimalSeparator,thousandsSeparator: form-manager-price.infos.price.thousandsSeparator, decimals: form-manager-price.infos.price.decimals, currencySign: form-manager-price.infos.price.currencySign, prependCurrency: form-manager-price.infos.price.prependCurrency, separateCurrency: form-manager-price.infos.price.separateCurrency, useDash: form-manager-price.infos.price.useDash )}',
5: room.occupancyMin,
6: room.occupancyMax,
7: room.occupancyStandard,
8: '{f:if(condition: \'{room.occupancyMin} == {room.occupancyMax}\', then: \'{room.occupancyMin}\', else: \'{room.occupancyMin} - {room.occupancyMax}\')}',
9: '{f:translate(key: \'{personKey}\', extensionName: \'CooQuickanfrage\')}'
}" extensionName="CooQuickanfrage" />
</div>
<f:if condition="{cObj.allSettings.showImage}">
<bh:image.background class="bh-form-manager__room-list__item__image"
file="{room.firstpicture}" mode="responsive">
</bh:image.background>
</f:if>
<f:if condition="{cObj.allSettings.showLink}">
<price:link.detail class="bh-form-manager__room-list__item__link"
item="{room}" additionalAttributes="{target:'_blank'}">
<f:translate key="el-form-manager-price-room-list-item-link"
extensionName="CooQuickanfrage" />
</price:link.detail>
</f:if>
</span>
</label>
</div>
</div>
</f:for>
</price:room.list>
</div>
</div>
</bh:variable.typoscript>
</bh:variable.typoscript>
</bh:tmpl.element>
Typoscript: el-form-manager-coo_price-room-list.typoscript
TYPOSCRIPT
plugin.tx_bh.settings.contentElements.el-form-manager-coo_price-room-list < abstract.bhElement
plugin.tx_bh.settings.contentElements.el-form-manager-coo_price-room-list {
name = Zimmer-Liste
description = Dieses Element kann nur im Formular-Manager verwendet werden
templateFile = el-form-manager-coo_price-room-list.html
templatePath = EXT:coo_price/Resources/Public/Elements/el-form-manager-items/el-form-manager-coo_price-room-list/
settingsForm = EXT:coo_price/Resources/Public/Elements/el-form-manager-items/el-form-manager-coo_price-room-list/el-form-manager-coo_price-room-list-settings.html
iconFile = typo3conf/ext/bh/Resources/Public/Icons/Elemente/list.svg
bheParentElement = el-form-manager
bheListgroup = 10
bheSortPriority = 100
options.translate = 1
options.oncreate = advanced
inputname = zimmer
styleOptions {
disableRequired = 1
size < plugin.tx_cooprice.form-manager.styleOptions.size
}
dummyData.text = Label
userClass = bh-form-manager__item bh-form-manager__item--room-list bh-form-manager__item--list
showImage = 0
showLink = 1
}
plugin.tx_cooquickanfrage.form-manager.items := addToList(el-form-manager-coo_price-room-list)
bh.page.includeCSSLibs.el-form-manager-coo_price-room-list = typo3conf/ext/coo_price/Resources/Public/Elements/el-form-manager-items/el-form-manager-coo_price-room-list/el-form-manager-coo_price-room-list.css
bh.page.includeJS.el-form-manager-coo_price-room-list = typo3conf/ext/coo_price/Resources/Public/Elements/el-form-manager-items/el-form-manager-coo_price-room-list/el-form-manager-coo_price-room-list.js
[bh.isMobile]
bhDefaultMobilePage.includeCSSLibs.el-form-manager-coo_price-room-list < bh.page.includeCSSLibs.el-form-manager-coo_price-room-list
bhDefaultMobilePage.includeJS.el-form-manager-coo_price-room-list < bh.page.includeJS.el-form-manager-coo_price-room-list
[global]
Settings-HTML: el-form-manager-coo_price-room-list-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>Label ausblenden</label>
<f:form.checkbox name="style[hide-label]" value="hide-label" checked="{cObj.allSettings.style.hide-label}" />
</div>
<div class="bhe-formsettings-option">
<label>Kategorien</label>
<bhif-widget-itemselect multiple="true" value="{cObj.allSettings.categories}" type="room_category"
name="tx_bh_page[data][content][settings][categories]"></bhif-widget-itemselect>
</div>
<div class="bhe-formsettings-option">
<label>Saisons-Preistabellen</label>
<bhif-widget-itemselect multiple="true" value="{cObj.allSettings.pricetables}" type="season_pricetable"
name="tx_bh_page[data][content][settings][pricetables]">
</bhif-widget-itemselect>
</div>
<bh:form.dynamicFields item="{cObj}" settings="{cObj.allSettings.settingsGlobalFields}" />
<f:form.submit value="Speichern" />
</bh:form.settingsform>