EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show pseudo prices in price/dates-tables

Browse Source
This commit is contained in:
Björn Fromme
2019-07-19 13:04:04 +02:00
parent 094711d100
commit 3af9c4d3a8
4 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DatesTable.vue
+6 -3
View File
@@ -27,8 +27,8 @@
<thead>
<tr>
<th>Termin</th>
<th>Nächte</th>
<th>Preis ab</th>
<th><i class="fa fa-bed tooltiptoggle" data-placement="top" title="Nächte"></i></th>
<th>ab <i class="fa fa-euro tooltiptoggle" data-placement="top" title="Preis ab"></i></th>
<th>inkl.</th>
<th class="hidden-xs"></th>
</tr>
@@ -53,7 +53,10 @@
<template v-else>{{ row.dateStart }} - {{ row.dateEnd }}</template>
</td>
<td class="dates-table__cell dates-table__cell--nights">{{ row.dateNights }}</td>
<td class="dates-table__cell dates-table__cell--price"><strong>{{ calculatePrice(row) }} €</strong></td>
<td class="dates-table__cell dates-table__cell--price">
<span class="dates-table__pseudo-price" v-if="row.datePseudoPrice">{{ row.datePseudoPrice }}</span>
<strong>{{ calculatePrice(row) }}</strong>
</td>
<td class="dates-table__cell dates-table__cell--icons">
<span class="icon-wrapper hidden-xs hidden-sm">
<i v-if="showBusIcon(row)" data-placement="top" title="Busfahrt inklusive"
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_tables.scss
+8
View File
@@ -52,3 +52,11 @@
text-align:right;
}
}
.dates-table__pseudo-price {
font-weight: 400;
font-size: 85%;
color: $color-font-light;
text-decoration: line-through;
display: block;
}