Use vue shorthands
This commit is contained in:
+1
-1
@@ -2,7 +2,7 @@
|
||||
<div class="boardtypeselect">
|
||||
<div class="checkbox" v-for="boardType of boardTypesOptions">
|
||||
<label>
|
||||
<input type="checkbox" v-model.number="boardTypesSelected" v-bind:value="boardType.uid">
|
||||
<input type="checkbox" v-model.number="boardTypesSelected" :value="boardType.uid">
|
||||
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
|
||||
{{ boardType.label }}
|
||||
</label>
|
||||
|
||||
@@ -4,18 +4,18 @@
|
||||
<h2>Belegungskalender {{ hotelName }}</h2>
|
||||
</div>
|
||||
<div class="calendar__loading" v-show="loading">
|
||||
<img v-bind:src="loaderUri" alt="Loading" title="Loading">
|
||||
<img :src="loaderUri" alt="Loading" title="Loading">
|
||||
</div>
|
||||
<div class="calendar__inner" v-cloak v-html="calendarHtml"></div>
|
||||
<div class="calendar__buttons" v-cloak>
|
||||
<div class="col-xs-6">
|
||||
<a v-show="showPrev" v-on:click.prevent="prev()" href="#"
|
||||
<a v-show="showPrev" @click.prevent="prev()" href="#"
|
||||
class="calendar__browse calendar__browse--prev btn btn-warning">
|
||||
<i class="fa fa-chevron-left"></i> früher
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-6 text-right">
|
||||
<a v-on:click.prevent="next()" href="#"
|
||||
<a @click.prevent="next()" href="#"
|
||||
class="calendar__browse calendar__browse--next btn btn-warning">
|
||||
später <i class="fa fa-chevron-right"></i>
|
||||
</a>
|
||||
|
||||
+4
-4
@@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<div v-if="showButtons" class="hidden-xs conceptbtns">
|
||||
<a v-for="concept of concepts" v-on:click.prevent="scrollTo('#concept-' + concept.uid)"
|
||||
v-bind:href="'#concept-' + concept.uid"
|
||||
v-bind:class="'btn btn-warning ep-sidebar concept-' + concept.code"
|
||||
v-bind:title="concept.name">{{ concept.name }}</a>
|
||||
<a v-for="concept of concepts" @click.prevent="scrollTo('#concept-' + concept.uid)"
|
||||
:href="'#concept-' + concept.uid"
|
||||
:class="'btn btn-warning ep-sidebar concept-' + concept.code"
|
||||
:title="concept.name">{{ concept.name }}</a>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="conceptselect">
|
||||
<div class="checkbox" v-for="concept of conceptOptions">
|
||||
<label>
|
||||
<input type="checkbox" v-model="conceptsSelected" v-bind:value="concept.uid">
|
||||
<input type="checkbox" v-model="conceptsSelected" :value="concept.uid">
|
||||
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
|
||||
nur {{ concept.name }}
|
||||
</label>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div v-if="!bookable" class="ep-headbar">Termine & Leistungen</div>
|
||||
</template>
|
||||
<div class="dates-table__pricetoggle" v-if="hasSurcharge || hasDiscount">
|
||||
<a href="#" v-if="hasSurcharge" v-on:click.prevent="toggleBus">
|
||||
<a href="#" v-if="hasSurcharge" @click.prevent="toggleBus">
|
||||
<template v-if="addBus">
|
||||
<i class="fa fa-arrow-circle-right"></i> Preise für Eigenanreise anzeigen
|
||||
</template>
|
||||
@@ -13,7 +13,7 @@
|
||||
<i class="fa fa-arrow-circle-right"></i> Preise für Busanreise anzeigen
|
||||
</template>
|
||||
</a>
|
||||
<a href="#" v-if="hasDiscount" v-on:click.prevent="toggleDiscount">
|
||||
<a href="#" v-if="hasDiscount" @click.prevent="toggleDiscount">
|
||||
<template v-if="discountBus">
|
||||
<i class="fa fa-arrow-circle-right"></i> Preise für Busanreise anzeigen
|
||||
</template>
|
||||
@@ -34,14 +34,20 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(row, index) of datesRows" v-bind:class="{ 'hidden': index > 4 && !showAll }">
|
||||
<tr v-for="(row, index) of datesRows" :class="{ 'hidden': index > 4 && !showAll }">
|
||||
<td class="dates-table__cell dates-table__cell--date">
|
||||
<template v-if="bookable && row.available">
|
||||
<a class="dates-table__date" href="#"
|
||||
v-on:click.prevent="loadPriceTable(row.dateUid)">{{ row.dateStart }} - {{ row.dateEnd }}</a>
|
||||
@click.prevent="loadPriceTable(row.dateUid)">
|
||||
{{ row.dateStart }} - {{ row.dateEnd }}
|
||||
</a>
|
||||
<div class="hidden-md hidden-lg dates-table__links">
|
||||
<a href="#" v-on:click.prevent="loadPriceTable(row.dateUid)" class="button button--small">Details</a>
|
||||
<a v-bind:href="row.bookingUrl" target="_blank" class="button button--small button--action">Buchen</a>
|
||||
<a href="#" @click.prevent="loadPriceTable(row.dateUid)" class="button button--small">
|
||||
Details
|
||||
</a>
|
||||
<a :href="row.bookingUrl" target="_blank" class="button button--small button--action">
|
||||
Buchen
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else>{{ row.dateStart }} - {{ row.dateEnd }}</template>
|
||||
@@ -56,14 +62,14 @@
|
||||
class="fa fa-tag tooltiptoggle"></i>
|
||||
</span>
|
||||
<button type="button" class="button button--light button--small hidden-xs tooltiptoggle"
|
||||
data-toggle="modal" data-placement="top" v-bind:data-target="'#dateservices' + index"
|
||||
data-toggle="modal" data-placement="top" :data-target="'#dateservices' + index"
|
||||
title="Alle Inklusivleistungen anzeigen">Leistungen</button>
|
||||
<a href="#" data-toggle="modal" v-bind:data-target="'#dateservices' + index"
|
||||
<a href="#" data-toggle="modal" :data-target="'#dateservices' + index"
|
||||
class="hidden-sm hidden-md hidden-lg"><i class="fa fa-info-circle"></i></a>
|
||||
</td>
|
||||
<td class="dates-table__cell dates-table__cell--buttons hidden-xs">
|
||||
<button v-if="bookable" class="button button--small" v-on:click="loadPriceTable(row.dateUid)">Details</button>
|
||||
<a v-bind:href="row.bookingUrl" target="_blank" v-if="bookable" class="button button--small button--action">Buchen</a>
|
||||
<button v-if="bookable" class="button button--small" @click="loadPriceTable(row.dateUid)">Details</button>
|
||||
<a :href="row.bookingUrl" target="_blank" v-if="bookable" class="button button--small button--action">Buchen</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -71,19 +77,19 @@
|
||||
</div>
|
||||
<div class="row dates-table__links" v-if="datesRows.length > 5 || altProductLink">
|
||||
<div class="col-xs-12 col-md-6">
|
||||
<a href="#" v-if="datesRows.length > 5" v-on:click.prevent="toggleAllDates()">
|
||||
<a href="#" v-if="datesRows.length > 5" @click.prevent="toggleAllDates()">
|
||||
<i class="fa" :class="[{ 'fa-minus-circle': showAll }, { 'fa-plus-circle': !showAll }]"></i>
|
||||
Alle Termine <template v-if="showAll">aus</template><template v-else>ein</template>blenden
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-6">
|
||||
<a v-bind:href="altProductLink" v-if="altProductLink" v-bind:title="altLabel" class="dates-table__altlink">
|
||||
<a :href="altProductLink" v-if="altProductLink" :title="altLabel" class="dates-table__altlink">
|
||||
<i class="fa fa-arrow-circle-right"></i> {{ altLabel }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<template v-for="(row, index) of datesRows">
|
||||
<div class="modal fade" v-bind:id="'dateservices' + index" role="dialog">
|
||||
<div class="modal fade" :id="'dateservices' + index" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
||||
+5
-5
@@ -2,18 +2,18 @@
|
||||
<div class="destinationselect" :class="{ 'loading': loading }">
|
||||
<label v-if="showLabel" for="destination" class="destinationselect__label">Finde</label>
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="dropdown" v-bind:class="{ open: opened }">
|
||||
<li class="dropdown" :class="{ open: opened }">
|
||||
<input type="text" id="destination" class="form-control destinationselect__input"
|
||||
v-model="destination"
|
||||
v-on:keyup="autocomplete"
|
||||
v-on:click="toggleOptions"
|
||||
@keyup="autocomplete"
|
||||
@click="toggleOptions"
|
||||
placeholder="Ort, Gebiet, Land...">
|
||||
<ul ref="itemlist" class="dropdown-menu" aria-labelledby="destination" v-show="showAutocompleteOptions">
|
||||
<template v-for="(section, type) of autocompleteOptions">
|
||||
<template v-if="section.options.length">
|
||||
<li class="dropdown-header destinationselect__group" v-bind:class="type">{{ section.label }}</li>
|
||||
<li class="dropdown-header destinationselect__group" :class="type">{{ section.label }}</li>
|
||||
<li class="destinationselect__item" v-for="option of section.options">
|
||||
<a href="#" v-on:click.prevent="optionSelect(option, type)">{{ option.name }}</a>
|
||||
<a href="#" @click.prevent="optionSelect(option, type)">{{ option.name }}</a>
|
||||
</li>
|
||||
<li role="separator" class="divider destinationselect__divider"></li>
|
||||
</template>
|
||||
|
||||
+2
-2
@@ -3,14 +3,14 @@
|
||||
<div class="destinationselect__section" v-for="(destination, uid) of selectableDestinations">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" v-model.number="countryUidsSelected" v-bind:value="uid">
|
||||
<input type="checkbox" v-model.number="countryUidsSelected" :value="uid">
|
||||
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
|
||||
<strong>{{ destination.country.label }}</strong>
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox" v-for="region of destination.regions">
|
||||
<label>
|
||||
<input type="checkbox" v-model.number="regionUidsSelected" v-bind:value="region.uid">
|
||||
<input type="checkbox" v-model.number="regionUidsSelected" :value="region.uid">
|
||||
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
|
||||
<span class="small">{{ region.label }}</span>
|
||||
</label>
|
||||
|
||||
+5
-5
@@ -10,15 +10,15 @@
|
||||
v-if="destinationOptions && !conceptSelected"
|
||||
v-for="destination of destinationOptions">
|
||||
<div class="destination-pulldown__column">
|
||||
<a href="#" v-on:click.prevent="optionSelect(destination.country.uid, destination.country.label, 'country')">
|
||||
<img class="destination-pulldown__flag" v-bind:src="destination.country.flag" alt="">
|
||||
<a href="#" @click.prevent="optionSelect(destination.country.uid, destination.country.label, 'country')">
|
||||
<img class="destination-pulldown__flag" :src="destination.country.flag" alt="">
|
||||
<strong>{{ destination.country.label }}</strong>
|
||||
</a>
|
||||
</div>
|
||||
<div class="destination-pulldown__column">
|
||||
<ul class="plain-list">
|
||||
<li v-for="region of destination.regions">
|
||||
<a href="#" v-on:click.prevent="optionSelect(region.uid, region.label, 'region')">{{ region.label }}</a>
|
||||
<a href="#" @click.prevent="optionSelect(region.uid, region.label, 'region')">{{ region.label }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -28,14 +28,14 @@
|
||||
<div class="destination-pulldown__column">
|
||||
<ul class="plain-list">
|
||||
<li v-for="concept of conceptOptions">
|
||||
<a href="#" v-on:click.prevent="conceptSelect(concept.uid, concept.name)">{{ concept.name }}</a>
|
||||
<a href="#" @click.prevent="conceptSelect(concept.uid, concept.name)">{{ concept.name }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="destination-pulldown__section" v-if="destinationSelected || conceptSelected">
|
||||
<button class="destination-pulldown__reset"
|
||||
v-on:click.prevent="optionReset">
|
||||
@click.prevent="optionReset">
|
||||
<i class="fa fa-trash-o"></i>
|
||||
zurücksetzen
|
||||
</button>
|
||||
|
||||
+1
-1
@@ -6,7 +6,7 @@
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<p>{{ label }}</p>
|
||||
<select v-model="partnerId" v-on:change="onPartnerSelect">
|
||||
<select v-model="partnerId" @change="onPartnerSelect">
|
||||
<option value="">Bitte auswählen...</option>
|
||||
<template v-for="partner in partnerIds">
|
||||
<option :value="partner.id">{{ partner.label }}</option>
|
||||
|
||||
+1
-1
@@ -2,7 +2,7 @@
|
||||
<div class="hoteltypeselect">
|
||||
<div class="checkbox" v-for="hotelTypesOption of hotelTypesOptions">
|
||||
<label>
|
||||
<input type="checkbox" v-model.number="hotelTypesSelected" v-bind:value="hotelTypesOption">
|
||||
<input type="checkbox" v-model.number="hotelTypesSelected" :value="hotelTypesOption">
|
||||
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
|
||||
{{ hotelTypesLabels[hotelTypesOption] }}
|
||||
</label>
|
||||
|
||||
@@ -4,10 +4,16 @@
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
|
||||
aria-haspopup="true" aria-expanded="false">{{ selectedOption }} <span class="glyphicon glyphicon-menu-down"></span></a>
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
{{ selectedOption }} <span class="glyphicon glyphicon-menu-down"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu nights">
|
||||
<li><a href="#" v-on:click.prevent="optionReset">beliebig</a></li>
|
||||
<li v-for="nightsOption of nightsOptions"><a href="#" v-on:click.prevent="optionSelect(nightsOption)">{{ durationTypes[nightsOption] }} Übernachtungen</a></li>
|
||||
<li><a href="#" @click.prevent="optionReset">beliebig</a></li>
|
||||
<li v-for="nightsOption of nightsOptions">
|
||||
<a href="#" @click.prevent="optionSelect(nightsOption)">
|
||||
{{ durationTypes[nightsOption] }} Übernachtungen
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -4,10 +4,14 @@
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
|
||||
aria-haspopup="true" aria-expanded="false">{{ pax }} <span class="glyphicon glyphicon-menu-down"></span></a>
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
{{ pax }} <span class="glyphicon glyphicon-menu-down"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu pax">
|
||||
<li v-for="paxOption of paxOptions"><a href="#" v-on:click.prevent="optionSelect(paxOption)">{{ paxOption }}</a></li>
|
||||
<li v-if="groupsUri"><a v-bind:href="groupsUri">> 20</a></li>
|
||||
<li v-for="paxOption of paxOptions">
|
||||
<a href="#" @click.prevent="optionSelect(paxOption)">{{ paxOption }}</a>
|
||||
</li>
|
||||
<li v-if="groupsUri"><a :href="groupsUri">> 20</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
+5
-3
@@ -4,11 +4,13 @@
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
|
||||
aria-haspopup="true" aria-expanded="false">{{ rangeLabel }} <span class="glyphicon glyphicon-menu-down"></span></a>
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
{{ rangeLabel }} <span class="glyphicon glyphicon-menu-down"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu price-range">
|
||||
<li><a href="#" v-on:click.prevent="optionReset()">beliebig</a></li>
|
||||
<li><a href="#" @click.prevent="optionReset()">beliebig</a></li>
|
||||
<li v-for="(range, index) in rangeOptions">
|
||||
<a href="#" v-on:click.prevent="optionSelect(index)">{{ formatRange(range) }} €</a>
|
||||
<a href="#" @click.prevent="optionSelect(index)">{{ formatRange(range) }} €</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div class="col-xs-6 text-right">{{dateLabel}}</div>
|
||||
</div>
|
||||
<div class="dates-table__pricetoggle" v-if="hasSurcharge || hasDiscount">
|
||||
<a href="#" v-if="hasSurcharge" v-on:click.prevent="toggleBus">
|
||||
<a href="#" v-if="hasSurcharge" @click.prevent="toggleBus">
|
||||
<template v-if="addBus">
|
||||
<i class="fa fa-car"></i> Preise für Eigenanreise anzeigen
|
||||
</template>
|
||||
@@ -13,7 +13,7 @@
|
||||
<i class="fa fa-bus"></i> Preise für Busanreise anzeigen
|
||||
</template>
|
||||
</a>
|
||||
<a href="#" v-if="hasDiscount" v-on:click.prevent="toggleDiscount">
|
||||
<a href="#" v-if="hasDiscount" @click.prevent="toggleDiscount">
|
||||
<template v-if="discountBus">
|
||||
<i class="fa fa-bus"></i> Preise für Busanreise anzeigen
|
||||
</template>
|
||||
@@ -37,10 +37,10 @@
|
||||
<tr v-for="(row, index) of priceTableRows">
|
||||
<td style="white-space: normal">
|
||||
<a class="pricetable__room-label"
|
||||
v-bind:href="row.bookingUrl" target="_blank">{{ row.roomName }}</a>
|
||||
:href="row.bookingUrl" target="_blank">{{ row.roomName }}</a>
|
||||
<div class="hidden-lg" v-if="row.roomAvailable">
|
||||
<a class="button button--small button--action"
|
||||
v-bind:href="row.bookingUrl" target="_blank">Jetzt buchen</a>
|
||||
:href="row.bookingUrl" target="_blank">Jetzt buchen</a>
|
||||
</div>
|
||||
<div class="hidden-lg" v-if="!row.roomAvailable">
|
||||
<span class="label label-default">ausgebucht</span>
|
||||
@@ -54,11 +54,11 @@
|
||||
<td>
|
||||
<button v-if="hasOptionalServices(row) && row.roomAvailable" type="button"
|
||||
class="button button--light button--small hidden-xs tooltiptoggle"
|
||||
data-toggle="modal" data-placement="top" v-bind:data-target="'#optservices' + index"
|
||||
data-toggle="modal" data-placement="top" :data-target="'#optservices' + index"
|
||||
title="Alle Zusatzleistungen anzeigen">Optionen</button>
|
||||
<a href="#" v-if="hasOptionalServices(row) && row.roomAvailable" class="hidden-sm hidden-md hidden-lg"
|
||||
data-toggle="modal" v-bind:data-target="'#optservices' + index"><i class="fa fa-info-circle"></i></a>
|
||||
<div class="modal fade" v-bind:id="'optservices' + index" role="dialog">
|
||||
data-toggle="modal" :data-target="'#optservices' + index"><i class="fa fa-info-circle"></i></a>
|
||||
<div class="modal fade" :id="'optservices' + index" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
@@ -76,7 +76,7 @@
|
||||
</td>
|
||||
<td class="hidden-xs hidden-md">
|
||||
<a class="button button--small button--action" v-if="row.roomAvailable"
|
||||
v-bind:href="row.bookingUrl" target="_blank">Buchen</a>
|
||||
:href="row.bookingUrl" target="_blank">Buchen</a>
|
||||
<span v-if="!row.roomAvailable" class="label label-default">ausgebucht</span>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -85,7 +85,7 @@
|
||||
</div>
|
||||
<p v-if="!singleDate">
|
||||
<a class="button button--small"
|
||||
href="#" v-on:click.prevent="loadDatesTable()"><i class="fa fa-undo"></i> zurück zur Terminübersicht</a>
|
||||
href="#" @click.prevent="loadDatesTable()"><i class="fa fa-undo"></i> zurück zur Terminübersicht</a>
|
||||
</p>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
|
||||
+1
-1
@@ -2,7 +2,7 @@
|
||||
<div class="roomtypeselect">
|
||||
<div class="checkbox" v-for="roomTypesOption of roomTypesOptions">
|
||||
<label>
|
||||
<input type="checkbox" v-model.number="roomTypesSelected" v-bind:value="roomTypesOption">
|
||||
<input type="checkbox" v-model.number="roomTypesSelected" :value="roomTypesOption">
|
||||
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
|
||||
{{ roomTypesLabels[roomTypesOption] }}
|
||||
</label>
|
||||
|
||||
@@ -2,13 +2,13 @@
|
||||
<div class="watchlist">
|
||||
<template v-for="section in teasers">
|
||||
<h2 class="headline headline--secondary headline--underlined">{{ section.concept.name }}</h2>
|
||||
<div class="searchresult-section" v-bind:class="'searchresult-section--' + section.concept.code">
|
||||
<div class="searchresult-section" :class="'searchresult-section--' + section.concept.code">
|
||||
<search-result-item
|
||||
v-for="item in section.items"
|
||||
v-bind:key="item.key"
|
||||
v-bind:item="item"
|
||||
v-bind:section="section"
|
||||
v-bind:watchlist="watchlist"></search-result-item>
|
||||
:key="item.key"
|
||||
:item="item"
|
||||
:section="section"
|
||||
:watchlist="watchlist"></search-result-item>
|
||||
</div>
|
||||
</template>
|
||||
<div class="alert alert-info" v-if="total === 0">
|
||||
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<a href="#" v-on:click.prevent="toggleWatchlist()">
|
||||
<a href="#" @click.prevent="toggleWatchlist()">
|
||||
<i class="fa tooltiptoggle" :class="{ 'fa-minus-circle': onWatchlist, 'fa-plus-circle': !onWatchlist }"
|
||||
data-placement="auto" title="Merkliste +/-"></i>
|
||||
<span v-if="layout === 'link'">
|
||||
|
||||
@@ -82,4 +82,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a v-on:click.prevent="scrollTop()" v-show="scrollTopVisible" v-cloak href="#" class="arrowtop"><i class="fa fa-angle-up"></i></a>
|
||||
<a @click.prevent="scrollTop()" v-show="scrollTopVisible" v-cloak href="#" class="arrowtop">
|
||||
<i class="fa fa-angle-up"></i>
|
||||
</a>
|
||||
|
||||
@@ -126,7 +126,7 @@
|
||||
</f:else>
|
||||
</f:if>
|
||||
</div>
|
||||
<watchlist-toggle uid="{item.hotel.uid}:{product.uid}" v-bind:watchlist="watchlist" class="teaserbox-watchlist"></watchlist-toggle>
|
||||
<watchlist-toggle uid="{item.hotel.uid}:{product.uid}" :watchlist="watchlist" class="teaserbox-watchlist"></watchlist-toggle>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers" >
|
||||
|
||||
<f:section name="Mainnav">
|
||||
<div class="navbar-main-wrapper" v-bind:class="{ 'searchbar-fixed': searchbarFixed }">
|
||||
<div class="navbar-main-wrapper" :class="{ 'searchbar-fixed': searchbarFixed }">
|
||||
<nav class="container navbar navbar-default navbar-main{f:if(condition: data.tx_eptheme_hide_searchbar, then: ' navbar-main--no-searchbar')}">
|
||||
<f:render section="NavbarHeader" arguments="{_all}"/>
|
||||
<f:render section="FirstLevel" arguments="{_all}"/>
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
<f:section name="NavbarHeader">
|
||||
<div class="navbar-header">
|
||||
<a v-on:click.prevent="toggleMobileNavigation()" type="button" class="navbar-toggle collapsed" id="navtoggle">
|
||||
<a @click.prevent="toggleMobileNavigation()" type="button" class="navbar-toggle collapsed" id="navtoggle">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
@@ -28,7 +28,7 @@
|
||||
</a>
|
||||
<f:if condition="{data.tx_eptheme_hide_searchbar}">
|
||||
<f:else>
|
||||
<a v-on:click.prevent="toggleSearchbox()" class="search hidden-md hidden-lg" href="#" id="searchboxtoggle">
|
||||
<a @click.prevent="toggleSearchbox()" class="search hidden-md hidden-lg" href="#" id="searchboxtoggle">
|
||||
<i class="fa fa-search" aria-hidden="true"></i>
|
||||
</a>
|
||||
</f:else>
|
||||
@@ -119,7 +119,7 @@
|
||||
<div>Du hast Fragen?</div>
|
||||
<div>Wir können helfen!</div>
|
||||
<a href="tel:{settings.phoneNumber -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" class="btn btn-warning" rel="nofollow">Anrufen</a>
|
||||
<a v-on:click.prevent="scrollTo('#footer')" href="#footer" class="btn btn-warning" rel="nofollow">Whatsapp</a>
|
||||
<a @click.prevent="scrollTo('#footer')" href="#footer" class="btn btn-warning" rel="nofollow">Whatsapp</a>
|
||||
<f:if condition="{settings.faqPageUid}">
|
||||
<a href="{f:uri.typolink(parameter: settings.faqPageUid)}" class="btn btn-warning">FAQ</a>
|
||||
</f:if>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<li>
|
||||
<a href="{f:uri.typolink(parameter: data.pid, section: 'c{contentElement.uid}')}"
|
||||
class="btn btn-warning ep-sidebar"
|
||||
v-on:click.prevent="scrollTo('#c{contentElement.uid}')">{contentElement.header}</a>
|
||||
@click.prevent="scrollTo('#c{contentElement.uid}')">{contentElement.header}</a>
|
||||
</li>
|
||||
</f:for>
|
||||
</f:if>
|
||||
|
||||
@@ -94,7 +94,7 @@
|
||||
<a href="{uriLink}" title="{teaser.product.name}" class="button button--full searchresult-item__button">Details & Buchen</a>
|
||||
</div>
|
||||
</div>
|
||||
<watchlist-toggle uid="{teaser.key}" v-bind:watchlist="watchlist" class="teaserbox-watchlist"></watchlist-toggle>
|
||||
<watchlist-toggle uid="{teaser.key}" :watchlist="watchlist" class="teaserbox-watchlist"></watchlist-toggle>
|
||||
</div>
|
||||
</f:section>
|
||||
|
||||
|
||||
@@ -2,7 +2,9 @@
|
||||
{namespace ep=EP\EpTheme\ViewHelpers}
|
||||
<div class="area-nav">
|
||||
<div class="area-nav__inner">
|
||||
<a class="area-nav__trigger area-nav__link" href="#" v-on:click.prevent="toggleAreaNavigation()">Bereich wechseln <i class="area-nav__trigger-icon fa fa-lg fa-caret-down"></i></a>
|
||||
<a class="area-nav__trigger area-nav__link" href="#" @click.prevent="toggleAreaNavigation()">
|
||||
Bereich wechseln <i class="area-nav__trigger-icon fa fa-lg fa-caret-down"></i>
|
||||
</a>
|
||||
<nav role="navigation">
|
||||
<ul class="area-nav__list">
|
||||
<v:menu levels="1" useShortcutUid="1" pageUid="{settings.topNavPid}">
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
|
||||
<div class="row hidden-lg">
|
||||
<div class="col-md-12 column">
|
||||
<a href="#teasers" v-on:click.prevent="scrollTo('#teasers')" class="button button--full">Direkt zu den Angeboten</a>
|
||||
<a href="#teasers" @click.prevent="scrollTo('#teasers')" class="button button--full">Direkt zu den Angeboten</a>
|
||||
</div>
|
||||
</div>
|
||||
</f:if>
|
||||
@@ -28,7 +28,7 @@
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
|
||||
<p class="hidden-xs hidden-md"><a v-on:click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a></p>
|
||||
<p class="hidden-xs hidden-md"><a @click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a></p>
|
||||
</f:if>
|
||||
<f:render partial="Facts" arguments="{facts: city.facts}"/>
|
||||
<f:if condition="{city.region.season} == 'w'">
|
||||
|
||||
@@ -13,7 +13,9 @@
|
||||
<f:if condition="{teasers}">
|
||||
<div class="row hidden-lg">
|
||||
<div class="col-md-12 column">
|
||||
<a v-on:click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a>
|
||||
<a @click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">
|
||||
Direkt zu den Angeboten
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</f:if>
|
||||
@@ -50,7 +52,7 @@
|
||||
<div class="col-md-4">
|
||||
<f:if condition="{teasers}">
|
||||
<p class="hidden-xs hidden-md">
|
||||
<a v-on:click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">
|
||||
<a @click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">
|
||||
Direkt zu den Angeboten
|
||||
</a>
|
||||
</p>
|
||||
|
||||
@@ -13,7 +13,9 @@
|
||||
<f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
|
||||
<div class="row hidden-lg">
|
||||
<div class="col-md-12 column">
|
||||
<a v-on:click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a>
|
||||
<a @click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">
|
||||
Direkt zu den Angeboten
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</f:if>
|
||||
@@ -52,7 +54,7 @@
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
|
||||
<p class="hidden-xs hidden-md"><a v-on:click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a></p>
|
||||
<p class="hidden-xs hidden-md"><a @click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a></p>
|
||||
</f:if>
|
||||
<f:render partial="Facts" arguments="{facts: country.facts}"/>
|
||||
</div>
|
||||
|
||||
+1
-1
@@ -13,7 +13,7 @@
|
||||
<li>
|
||||
<a href="{page.link}#c{element.data.uid}"
|
||||
class="btn btn-warning ep-sidebar"
|
||||
v-on:click.prevent="scrollTo('#c{element.data.uid}')">{element.data.header}</a>
|
||||
@click.prevent="scrollTo('#c{element.data.uid}')">{element.data.header}</a>
|
||||
</li>
|
||||
</f:if>
|
||||
</f:for>
|
||||
|
||||
@@ -95,11 +95,11 @@
|
||||
<div class="form__success" v-show="success">
|
||||
<p>Vielen Dank für Eure Anfrage. Wir werden uns schnellstmöglich mit Euch in Verbindung
|
||||
setzen.</p>
|
||||
<p><button class="button button-warning button-small" v-on:click.prevent="resetForm()">Neue Anfrage</button></p>
|
||||
<p><button class="button button-warning button-small" @click.prevent="resetForm()">Neue Anfrage</button></p>
|
||||
</div>
|
||||
<div class="form__overlay" v-show="error">
|
||||
<p>Es ist ein Problem aufgetreten. Bitte versucht es noch einmal.</p>
|
||||
<p><button class="button button-warning button-small" v-on:click.prevent="resetForm()">Neue Anfrage</button></p>
|
||||
<p><button class="button button-warning button-small" @click.prevent="resetForm()">Neue Anfrage</button></p>
|
||||
</div>
|
||||
</div>
|
||||
</contact-form>
|
||||
|
||||
@@ -54,11 +54,11 @@
|
||||
<div class="form__success" v-show="success">
|
||||
<p>Vielen Dank für Eure Anfrage. Wir werden uns schnellstmöglich mit Euch in Verbindung
|
||||
setzen.</p>
|
||||
<p><button class="button button-warning button-small" v-on:click.prevent="resetForm()">Neue Anfrage</button></p>
|
||||
<p><button class="button button-warning button-small" @click.prevent="resetForm()">Neue Anfrage</button></p>
|
||||
</div>
|
||||
<div class="form__success" v-show="error">
|
||||
<p>Es ist ein Problem aufgetreten. Bitte versucht es noch einmal.</p>
|
||||
<p><button class="button button-warning button-small" v-on:click.prevent="resetForm()">Neue Anfrage</button></p>
|
||||
<p><button class="button button-warning button-small" @click.prevent="resetForm()">Neue Anfrage</button></p>
|
||||
</div>
|
||||
</div>
|
||||
</contact-form>
|
||||
|
||||
@@ -12,7 +12,9 @@
|
||||
<f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
|
||||
<div class="row hidden-lg">
|
||||
<div class="col-md-12 column">
|
||||
<a v-on:click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a>
|
||||
<a @click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">
|
||||
Direkt zu den Angeboten
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</f:if>
|
||||
@@ -27,7 +29,7 @@
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<f:if condition="{v:content.get(column: 1) -> f:count()} > 0">
|
||||
<p class="hidden-xs hidden-md"><a v-on:click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a></p>
|
||||
<p class="hidden-xs hidden-md"><a @click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a></p>
|
||||
</f:if>
|
||||
<f:render partial="Facts" arguments="{facts: hotel.facts}"/>
|
||||
<f:if condition="{hotel.region.season} == 'w'">
|
||||
|
||||
@@ -13,7 +13,9 @@
|
||||
<f:if condition="{teasers}">
|
||||
<div class="row hidden-lg">
|
||||
<div class="col-md-12 column">
|
||||
<a href="#teasers" v-on:click.prevent="scrollTo('#teasers')" class="button button--full">Direkt zu den Angeboten</a>
|
||||
<a href="#teasers" @click.prevent="scrollTo('#teasers')" class="button button--full">
|
||||
Direkt zu den Angeboten
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</f:if>
|
||||
@@ -28,7 +30,11 @@
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<f:if condition="{teasers}">
|
||||
<p class="hidden-xs hidden-md"><a v-on:click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">Direkt zu den Angeboten</a></p>
|
||||
<p class="hidden-xs hidden-md">
|
||||
<a @click.prevent="scrollTo('#teasers')" href="#teasers" class="button button--full">
|
||||
Direkt zu den Angeboten
|
||||
</a>
|
||||
</p>
|
||||
</f:if>
|
||||
<f:if condition="{region.season} == 'w'">
|
||||
<f:render partial="Facts" arguments="{facts: region.facts}"/>
|
||||
|
||||
Reference in New Issue
Block a user