feat: various adjustments in price calculator
addresses #8697b8j0m
This commit is contained in:
Björn Fromme
+49
-15
@@ -68,18 +68,21 @@
|
||||
<div class="mb-8"
|
||||
v-show="boards.length > 0 && !submitted">
|
||||
<label class="mb-2 font-bold">
|
||||
Optionale Verpflegungsleistungen
|
||||
Verpflegungsleistungen
|
||||
</label>
|
||||
<select class="form-field"
|
||||
v-model="selectedBoard"
|
||||
v-if="selectedPax >= 30">
|
||||
<option :value="null">Keine Auswahl</option>
|
||||
<option :value="null" disabled>bitte auswählen</option>
|
||||
<option v-for="board of boards"
|
||||
:value="board"
|
||||
:key="board.uid">
|
||||
{{ board.title }} ({{ formatCurrency(board.price) }} pro Person und Nacht)
|
||||
</option>
|
||||
</select>
|
||||
<div class="text-sm text-red-600 mt-1"
|
||||
v-show="formErrors.board"
|
||||
v-html="formErrors.board"></div>
|
||||
<div v-show="selectedPax < 30">
|
||||
<span class="text-red-600">Erst ab 30 Personen buchbar.</span>
|
||||
</div>
|
||||
@@ -128,8 +131,8 @@
|
||||
<td>{{ formatCurrency(priceBoard) }}</td>
|
||||
</tr>
|
||||
<tr class="odd:bg-zinc-100"
|
||||
v-if="pricePax.undersubscription.EUR > 0 || pricePax.undersubscription.CHF > 0">
|
||||
<th class="text-left py-2">Kleingruppen-Verpflegungszuschlag</th>
|
||||
v-if="(priceBoard.EUR > 0 || priceBoard.CHF > 0) && (pricePax.undersubscription.EUR > 0 || pricePax.undersubscription.CHF > 0)">
|
||||
<th class="text-left py-2">Verpflegungs-Aufschlag für Gruppen unter 50 Personen</th>
|
||||
<td>{{ formatCurrency(pricePax.undersubscription) }}</td>
|
||||
</tr>
|
||||
<tr class="odd:bg-zinc-100"
|
||||
@@ -180,17 +183,38 @@
|
||||
v-show="formErrors.name"
|
||||
v-html="formErrors.name"></div>
|
||||
</div>
|
||||
<div :class="{ 'has-error': formErrors.address }">
|
||||
<div :class="{ 'has-error': formErrors.street }">
|
||||
<label class="font-bold mb-2">
|
||||
Adresse*
|
||||
Strasse, Nr.*
|
||||
</label>
|
||||
<textarea class="form-field"
|
||||
cols="30"
|
||||
rows="3"
|
||||
v-model="address"/>
|
||||
<input type="text"
|
||||
class="form-field"
|
||||
v-model="street">
|
||||
<div class="text-sm text-red-600 mt-1"
|
||||
v-show="formErrors.address"
|
||||
v-html="formErrors.address"></div>
|
||||
v-show="formErrors.street"
|
||||
v-html="formErrors.street"></div>
|
||||
</div>
|
||||
<div :class="{ 'has-error': formErrors.postcode }">
|
||||
<label class="font-bold mb-2">
|
||||
Postleitzahl*
|
||||
</label>
|
||||
<input type="text"
|
||||
class="form-field"
|
||||
v-model="postcode">
|
||||
<div class="text-sm text-red-600 mt-1"
|
||||
v-show="formErrors.postcode"
|
||||
v-html="formErrors.postcode"></div>
|
||||
</div>
|
||||
<div :class="{ 'has-error': formErrors.city }">
|
||||
<label class="font-bold mb-2">
|
||||
Ort*
|
||||
</label>
|
||||
<input type="text"
|
||||
class="form-field"
|
||||
v-model="city">
|
||||
<div class="text-sm text-red-600 mt-1"
|
||||
v-show="formErrors.city"
|
||||
v-html="formErrors.city"></div>
|
||||
</div>
|
||||
<div :class="{ 'has-error': formErrors.group }">
|
||||
<label class="font-bold mb-2">
|
||||
@@ -239,7 +263,7 @@
|
||||
<input type="checkbox" v-model="confirmation" name="confirmation" id="confirmation">
|
||||
<span class="block ml-2">
|
||||
Durch Anklicken des Buttons 'Buchung abschicken' bestätige ich, dass ich die
|
||||
<a href="https://www.ep-reisen.de/reisen-fuer-gruppen/infos-zusatzleistungen/reiseinfos/agbs/"
|
||||
<a :href="termsUrls[countryCode]"
|
||||
class="text-ep-primary" target="_blank">
|
||||
Allgemeinen Geschäftsbedingungen (AGB)
|
||||
</a> gelesen habe und damit einverstanden bin, dass eine
|
||||
@@ -389,9 +413,16 @@ export default {
|
||||
phone: null,
|
||||
remarks: null,
|
||||
group: null,
|
||||
address: null,
|
||||
street: null,
|
||||
postcode: null,
|
||||
city: null,
|
||||
mode: 'booking',
|
||||
confirmation: false,
|
||||
termsUrls: {
|
||||
AT: 'https://www.ep-reisen.de/fileadmin/form_definitions/AGB_Gruppen/AGB_Gruppen_CLLT_Touristik_GmbH.pdf',
|
||||
CH: 'https://www.ep-reisen.de/fileadmin/form_definitions/AGB_Gruppen/AVB_Gruppen_AlpineVacation_GmbH.pdf',
|
||||
IT: 'https://www.ep-reisen.de/fileadmin/form_definitions/AGB_Gruppen/AGB_Gruppen_E_P_Reisen.pdf',
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@@ -487,12 +518,15 @@ export default {
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][confirmation]': confirmation ? '1' : '0',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][name]': this.name ? this.name : '',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][group]': this.group ? this.group : '',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][address]': this.address ? this.address : '',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][street]': this.street ? this.street : '',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][postcode]': this.postcode ? this.postcode : '',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][city]': this.city ? this.city : '',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][email]': this.email? this.email : '',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][phone]': this.phone ? this.phone : '',
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][remarks]': this.remarks,
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][dateFrom]': this.selectedFrom.format('DD.MM.YYYY'),
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][dateTo]': this.selectedTo.format('DD.MM.YYYY'),
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][nights]': this.nightsCount,
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][pax]': this.selectedPax,
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][children]': this.childrenCount,
|
||||
'tx_epproducts_ajax[groupsPriceInquiry][summary][paxBase]': this.formatCurrency(this.pricePax.base),
|
||||
|
||||
@@ -87,12 +87,21 @@
|
||||
<trans-unit id="tx_eptheme.message.group.1221560718">
|
||||
<source>Bitte angeben</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="tx_eptheme.message.address.1221560718">
|
||||
<trans-unit id="tx_eptheme.message.street.1221560718">
|
||||
<source>Bitte angeben</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="tx_eptheme.message.postcode.1221560718">
|
||||
<source>Bitte angeben</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="tx_eptheme.message.city.1221560718">
|
||||
<source>Bitte angeben</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="tx_eptheme.message.phone.1221560718">
|
||||
<source>Bitte angeben</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="tx_eptheme.message.board.1221560910">
|
||||
<source>Bitte auswählen</source>
|
||||
</trans-unit>
|
||||
<trans-unit id="tx_eptheme.message.contactForm.firstName.1221560718">
|
||||
<source>Bitte angeben</source>
|
||||
</trans-unit>
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
data-lightbox-url-value="{f:uri.action(action: 'index', controller: 'GroupsPrice', arguments: '{hotel: hotel}', pageUid: settings.groupsPricePopupPageUid, absolute: 1)}"
|
||||
data-lightbox-type-value="external"
|
||||
data-action="lightbox#open">
|
||||
Preisberechnung & direkt buchen
|
||||
Preisrechner/Buchungstool
|
||||
</button>
|
||||
</div>
|
||||
</f:if>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
data-lightbox-url-value="{f:uri.action(action: 'index', controller: 'GroupsPrice', arguments: '{hotel: hotel}', pageUid: settings.groupsPricePopupPageUid, absolute: 1)}"
|
||||
data-lightbox-type-value="external"
|
||||
data-action="lightbox#open">
|
||||
Preisberechnung & direkt buchen
|
||||
Preisrechner/Buchungstool
|
||||
</button>
|
||||
</div>
|
||||
</f:if>
|
||||
|
||||
@@ -35,8 +35,16 @@
|
||||
<td>{group}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Adresse</th>
|
||||
<td>{address -> f:format.nl2br()}</td>
|
||||
<th>Straße</th>
|
||||
<td>{street}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Postleitzahl</th>
|
||||
<td>{postcode}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Ort</th>
|
||||
<td>{city}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>E-Mail</th>
|
||||
@@ -50,6 +58,10 @@
|
||||
<th>Zeitraum</th>
|
||||
<td>{dateFrom} - {dateTo}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Nächte</th>
|
||||
<td>{nights}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Anzahl der Personen</th>
|
||||
<td>{pax -> v:or(alternative: '-')}</td>
|
||||
@@ -100,7 +112,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Bemerkungen/Wünsche</th>
|
||||
<td>{remarks -> f:format.nl2br()}</td>
|
||||
<td>{remarks -> v:or(alternative: '-') -> f:format.nl2br()}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</f:section>
|
||||
|
||||
@@ -339,7 +339,7 @@
|
||||
data-lightbox-type-value="external"
|
||||
data-lightbox-height-value="85vh"
|
||||
data-action="lightbox#open">
|
||||
Preisberechnung & direkt buchen
|
||||
Preisrechner/Buchungstool
|
||||
</button>
|
||||
</f:if>
|
||||
<div class="bg-zinc-50 p-4 flex flex-col space-y-2 relative mb-8">
|
||||
|
||||
Reference in New Issue
Block a user