Use vue shorthands

This commit is contained in:
Björn Fromme
2018-10-03 16:00:08 +02:00
parent 721f6ff705
commit 5c9363357a
44 changed files with 148 additions and 114 deletions
@@ -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>
@@ -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 &amp; 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">
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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">&gt; 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">&gt; 20</a></li>
</ul>
</li>
</ul>
@@ -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">
@@ -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,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 &amp; 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>
@@ -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}"/>