This commit is contained in:
Kevin Adametz 2021-12-25 03:11:08 +01:00
parent ebf90ff869
commit 4e71ddabec
17 changed files with 448 additions and 101 deletions

View file

@ -90,7 +90,11 @@
</style>
<body class="no-js">
<div id="wrapper">
{{ render(controller('AppBundle:Component:header')) }}
{% if page is defined %}
{{ render(controller('AppBundle:Component:header', {'page': page})) }}
{% else %}
{{ render(controller('AppBundle:Component:header', {'page': null})) }}
{% endif %}
{% block header2 %}
<section class="section fullscreen background lozad" data-background-image="/bundles/app/images/travel/header-top-image3.jpg" style="background-image:url({{ asset('images/placeholder-image.png') }});">
<div class="container-fluid">
@ -119,7 +123,6 @@
<div class="container-fluid">
<div class="row">
<div id="fullwidth" class="col-sm-12">
{% block breadcrumb %}
{% if page is defined %}
{{ render(controller('AppBundle:Component:breadcrumb', {'page': page})) }}
@ -170,6 +173,18 @@
{% block javascripts %}
<script rel="preload" src="{{ asset('js/custom-min.js?v') }}{{ get_file_last_time('js/custom-min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a.travel-booking-content-open').click(function (e) {
e.preventDefault();
$('a.travel-booking-content').tab('show');
});
});
</script>
{% endblock javascripts %}
</body>
</html>

View file

@ -19,6 +19,56 @@
</ul>
{% endif %}
<ul class="top-links block wrap" id="topNavAccordion">
<li>
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopTravelDates" role="button" aria-expanded="false" aria-controls="collapseTopTravelDates">
<i class="fa fa-plane"></i> Reisetermine
<i class="fa fa-caret-collapse"></i>
</a>
<!-- ab Montag um 09:00 Uhr -->
<!-- bis xxx Uhr -->
<div class="dropdown-menu-infos collapse" id="collapseTopTravelDates">
<div class="dropdown-menu-body">
<div class="badge badge-default btn-block">
<span class="text-default">{{ header_travel_program.title }} <br>
</div>
<table class="table table-condensed table-vertical-middle">
<tr>
<th class="text-left">Hinflug</th>
<th class="text-left">Rückflug</th>
<th class="text-left">Preis p. P.</th>
</tr>
{% set last_name = "" %}
{% for travel_date in header_travel_program.travelDates('header') if travel_date.status >= 0 %}
{% if loop.index <= 6 %}
{% if last_name != travel_date.name %}
{% set last_name = travel_date.name %}
<tr>
<td class="text-left">{{ travel_date.start|date }}</td>
<td class="text-left">{{ travel_date.end|date }}</td>
<td class="text-left">
<strong>
{% if travel_date.prices[3] is defined %}
{% if travel_date.prices[3].available == "1" %}
{% if travel_date.prices[3].effectiveDiscountPrice %}
<a href="{{ header_travel_program.page.urlPath }}" style="color: #558c55; text-decoration: underline;">
ab {{ travel_date.prices[3].effectiveDiscountPrice|number_format }}
</a>
{% endif %}
{% endif %}
{% endif %}
</strong>
</td>
</tr>
{% endif %}
{% endif %}
{% endfor %}
</table>
<a href="{{ header_travel_program.page.getUrlPathBefore }}">weitere Rundreisen ansehen</a>
</div>
</div>
</li>
<li>
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopPhone" role="button" aria-expanded="false" aria-controls="collapseTopPhone">
<i class="fa fa-phone-square"></i> 030 - 700 94 100 &bull;

View file

@ -68,9 +68,14 @@
Ausstattung
</a>
</li>
<li>
<a href="#travel-saisons-content-tab" aria-controls="travel-saisons-content-tab" role="tab" data-toggle="tab">
Saisons <i class="fa fa-star"></i> Preise
</a>
</li>
<li class="active">
<a href="#travel-dates-content-tab" aria-controls="travel-dates-content-tab" role="tab" data-toggle="tab">
Termine <i class="fa fa-star"></i> Preise <i class="fa fa-star"></i> Mieten
<a href="#travel-booking-content-tab" class="travel-booking-content" aria-controls="travel-booking-content-tab" role="tab" data-toggle="tab">
Kalender <i class="fa fa-star"></i> Buchen
</a>
</li>
</ul>
@ -139,7 +144,7 @@
</div>
{% endif %}
</div> <!-- END tabpanel -->
</div>
{#
********* AUSSTATTUNG *********
@ -149,14 +154,14 @@
<div>
{{ fewo_lodging.equipment|raw }}
</div>
</div> <!-- END tabpanel -->
</div>
{#
********* TERMINE UND PREISE *********
#}
<div role="tabpanel" class="tab-pane active" id="travel-dates-content-tab">
<h3>Saisons</h3>
<div role="tabpanel" class="tab-pane" id="travel-saisons-content-tab">
<h3>Saisons <i class="fa fa-star"></i> Preise</h3>
<div class="table-responsive" id="no-more-tables">
{% if fewo_lodging.prices is not empty %}
@ -182,14 +187,20 @@
</strong>
</td>
<td data-title="Beginn">
<a class="default scroll-to-jump" href="#jump-{{ price.season.fromDate|date("n-Y") }}">
{#<a class="default scroll-to-jump" >
{{ price.season.fromDate|date }}
</a>
</a>#}
<strong>
<a href="#jump-{{ price.season.fromDate|date("n-Y") }}"class="default travel-booking-content-open">{{ price.season.fromDate|date }}</a>
</strong>
</td>
<td data-title="Ende">
<a class="default scroll-to-jump" href="#jump-{{ price.season.toDate|date("n-Y") }}">
{#<a class="default scroll-to-jump" >
{{ price.season.toDate|date }}
</a>
</a>#}
<strong>
<a href="#jump-{{ price.season.toDate|date("n-Y") }}" class="default travel-booking-content-open">{{ price.season.toDate|date }}</a>
</strong>
</td>
<td data-title="Mindestbelegung">
{{ price.season.minimumStay }} {{ price.season.minimumStay < 2 ? 'Nacht' : 'Nächte' }}
@ -214,14 +225,23 @@
Momentan sind für dieses Programm keine Termine verfügbar.
{% endif %}
</div>
</div>
<h3>Buchung</h3>
<p>Bitte klicken Sie einen Anreisetermin (grüne Zahl), um zur Buchungsmaske zu gelagen.</p>
<div role="tabpanel" class="tab-pane active" id="travel-booking-content-tab">
<h3>Kalender <i class="fa fa-star"></i> Buchen</h3>
<style>
.table > tbody > tr > td.active {
background-color: rgba(89, 156, 93, 0.6);
}
.table > tbody > tr > td.normal {
background-color: rgba(94, 134, 136, 0.2);
}
}
</style>
<div class="alert alert-success"><strong>Bitte klicken Sie im Kalender auf einen freien Buchungstag (grün), um zum Buchungsformular zu gelagen.</strong></div>
<hr>
{% include 'default/pages/cms/calendarLodgingProgram.html.twig' %}
</div> <!-- END tabpanel -->
</div>
</div>
</div>

View file

@ -4,7 +4,7 @@
<section class="article clearfix">
{% if(api is defined) %}
<article role="article" itemscope itemtype="http://schema.org/Article">
{% if(api.nodes_active.image.url is defined) %}
{% if(api.nodes_active.image.url is defined and api.nodes_active.image.url != "") %}
<header>
<div class="mediaTop">
<div class="mediaTopImageItem">

View file

@ -61,7 +61,7 @@
-->
<tr>
<td><label class="st-required control-label required">Datum</label></td>
<td>
<td style="white-space: normal;">
<div class="form-group" style="margin-bottom:0;">
<div class="input-daterange input-group" id="date-range">
{{ form_widget(form.fromDate) }}
@ -69,6 +69,7 @@
{{ form_widget(form.toDate) }}
</div>
</div>
<div class="small alert alert-success" style="margin-bottom: 0; padding-top: 6px; padding-bottom: 6px">Bei Datumsänderung, erst immer das Anreisedatum, dann das Abreisedatum im Kalender auswählen.</div>
</td>
</tr>
<!-- <tr>