Hide non-bookable dates in dates table

This commit is contained in:
Björn Fromme
2022-12-21 16:50:08 +01:00
parent ba7373c7ac
commit e001bb8f8b
2 changed files with 13 additions and 8 deletions
@@ -19,7 +19,7 @@
</f:if>
</f:else>
</f:if>
<f:if condition="{dates}">
<f:if condition="{bookableDates}">
<div class="headline--3 mb-2">
Buchungsoptionen {hotel.name}
</div>
@@ -42,8 +42,8 @@
</tr>
</thead>
<tbody>
<f:for each="{dates}" as="row" iteration="iteration">
<tr class="odd:bg-zinc-50 hover:bg-zinc-100 odd:hover:bg-zinc-100{f:if(condition: '{iteration.cycle} > 5', then: ' hidden')}"
<f:for each="{bookableDates}" as="row" iteration="iteration">
<tr class="odd:bg-zinc-50 hover:bg-zinc-100 odd:hover:bg-zinc-100{f:if(condition: '{bookableDates -> f:count()} > 5 && {iteration.cycle} > 5', then: ' hidden')}"
data-pricetable-target="row">
<td class="border-r border-zinc-200 px-2 py-1 md:p-2">
<f:if condition="{bookable} && {row.available} && {row.showBookingButton}">
@@ -184,7 +184,7 @@
</button>
</li>
</f:if>
<f:if condition="{dates -> f:count()} > 5">
<f:if condition="{bookableDates -> f:count()} > 5">
<li class="py-2">
<button type="button"
class="flex items-center space-x-1 focus:outline-none text-ep-primary-light ser:text-ser-primary"