gitmedia/sterntours
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

#1423 #1441 - Ansicht der Kalender, Kalender neu auslesen und darstellen

Browse source 
git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3441 f459cee4-fb09-11de-96c3-f9c5f16c3c76
This commit is contained in:
adametz 2018-08-14 15:14:56 +00:00
parent 0af86f618c
commit 0ac8127653
10 changed files with 365 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

57
trunk/app/Resources/views/default/pages/cms/calendarLodgingProgram.html.twig
View file

@ -25,46 +25,23 @@
{# @var dayState \AppBundle\Util\CalendarDayState #}
{% set dayState = calendar_month['data'][(weekIndex * 7) + dayIndex] %}
{% set is_past_date = dayState.date is not empty and date(dayState.date) < date('now') %}
{# Set cell class #}
{% if dayState.isReserved and (not dayState.isReservationBegin and not dayState.isReservationEnd) %}
{% set cell_class = 'calendar-day-disabled' %}
{% elseif dayState.day == 0 %}
{% set cell_class = 'calendar-day-non' %}
{% elseif is_past_date %}
{% set cell_class = 'calendar-day-past' %}
{% elseif not dayState.isInSeason %}
{% set cell_class = 'calendar-day-non' %}
{% elseif dayState.isReservationBegin %}
{% set cell_class = 'calendar-day-reservation-begin' %}
{% elseif dayState.isReservationEnd %}
{% set cell_class = 'calendar-day-reservation-end' %}
{% else %}
{% set cell_class = '' %}
{% endif %}
<td class="{{ cell_class }}">
{% if dayState.isBookable and not is_past_date %}
<a href="{{ page.urlPath }}/buchen?pnr={{ dayState.price.id }}&fd={{ dayState.day < 10 ? '0':'' }}{{dayState.day}}{{ calendar_month['monthNumber'] < 10 ? '0':'' }}{{calendar_month['monthNumber']}}{{calendar_month['year']}}"
style="color: #80B176;"
rel="nofollow"
>
{{ dayState.day }}
</a>
{% elseif dayState.day == 0 %}
&nbsp;
{% elseif cell_class == '' %}
{{ dayState.day }}
{% else %}
{% if is_past_date %}
<del style="color:#989898;">{{ dayState.day }}</del>
{% else %}
{{ dayState.day }}
{% endif %}
{% endif %}
</td>
<td class="{{ dayState.getCssClass }} {% if dayState.isBookable %}active{% endif %}">
{% if dayState.isBookable %}
<a href="{{ page.urlPath }}/buchen?pnr={{ dayState.price.id }}&fd={{ dayState.day < 10 ? '0':'' }}{{dayState.day}}{{ calendar_month['monthNumber'] < 10 ? '0':'' }}{{calendar_month['monthNumber']}}{{calendar_month['year']}}"
rel="nofollow" class="table-link"
>
{{ dayState.day }}
</a>
{% elseif dayState.day == 0 %}
&nbsp;
{% else %}
{% if dayState.isPastDate %}
<del style="color:#989898;">{{ dayState.day }}</del>
{% else %}
{{ dayState.day }}
{% endif %}
{% endif %}
</td>
{% endfor %}
</tr>
{% endfor %}

48
trunk/app/Resources/views/default/pages/cms/fewoTravelProgram.html.twig
View file

@ -61,7 +61,7 @@
<div class="scroller-nav-tabs scroller-right-nav-tabs"><i class="glyphicon glyphicon-chevron-right"></i></div>
<div class="wrapper-nav-tabs">
<ul class="nav nav-tabs nav-justified list-nav-tabs">
<li class="active">
<li class="">
<a href="#travel-description-content-tab" aria-controls="travel-description-content-tab" role="tab" data-toggle="tab">
Beschreibung
</a>
@ -71,9 +71,9 @@
Ausstattung
</a>
</li>
<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
Termine <i class="fa fa-star"></i> Preise <i class="fa fa-star"></i> Mieten
</a>
</li>
</ul>
@ -86,7 +86,7 @@
********* BESCHREIBUNG *********
#}
<div role="tabpanel" class="tab-pane active" id="travel-description-content-tab">
<div role="tabpanel" class="tab-pane " id="travel-description-content-tab">
<h3>Allgemeines</h3>
@ -158,7 +158,7 @@
********* TERMINE UND PREISE *********
#}
<div role="tabpanel" class="tab-pane" id="travel-dates-content-tab">
<div role="tabpanel" class="tab-pane active" id="travel-dates-content-tab">
<h3>Saisons</h3>
<div class="table-responsive" id="no-more-tables">
@ -214,7 +214,7 @@
<h3>Buchung</h3>
<p>Bitte klicken Sie einen Anreisetermin, um zur Buchungsmaske zu gelagen.</p>
<p>Bitte klicken Sie einen Anreisetermin (grüne Zahl), um zur Buchungsmaske zu gelagen.</p>
<style>
.table > tbody > tr > td.calendar-day-non {
@ -223,6 +223,42 @@
.table > tbody > tr > td.calendar-day-past {
background-color: rgba(242, 242, 242, 0.5);
}
.table > tbody > tr > td.calendar-light {
opacity: 0.5;
}
.table > tbody > tr > td.calendar-day-disabled-half {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0bcbc+49,f2f2f2+50,f0bcbc+51 */
background: #f0bcbc; /* Old browsers */
background: -moz-linear-gradient(-35deg, #f0bcbc 49%, #f2f2f2 50%, #f0bcbc 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(-35deg, #f0bcbc 49%,#f2f2f2 50%,#f0bcbc 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(145deg, #f0bcbc 49%,#f2f2f2 50%,#f0bcbc 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0bcbc', endColorstr='#f0bcbc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.table > tbody > tr > td.active {
background-color: #f2f2f2;
padding: 0;
}
.table > tbody > tr > td.active:hover {
background-color: #648859;
}
.table > tbody > tr > td a {
color: #598a58;
font-weight: 700;
width: 100%;
display: block;
height: 100%;
padding: 8px;
}
.table > tbody > tr > td:hover a {
color: #fff;
font-weight: 700;
width: 100%;
display: block;
height: 100%;
}
</style>
{% include 'default/pages/cms/calendarLodgingProgram.html.twig' %}

5
trunk/app/Resources/views/default/pages/fewoBooking.html.twig
View file

@ -37,7 +37,7 @@
{#
<div id="booking_form" class="booking_form">
<form class="st-booking-form" method="post" data-toggle="validator">
@ -265,10 +265,11 @@
{{ form_rest(form) }}
</div>
</form>
</div><!-- end contact-form -->
#}
</div>
</section>