Adjust booking list styles and content

This commit is contained in:
Björn Fromme
2020-12-04 14:56:07 +01:00
parent 56e5f1218e
commit 9b500e0406
2 changed files with 7 additions and 5 deletions
@@ -45,7 +45,7 @@ $.fancybox.defaults.iframe.css.width = '800px';
// Define date filter for vue templates
Vue.filter('date', (value) => {
return dayjs(value).format('DD.MM.YYYY');
return dayjs(value).format('DD.MM.YY');
});
// Store
@@ -7,7 +7,8 @@
<tr>
<th class="text-left align-top">Buchungsdatum</th>
<th class="text-left align-top">Reisedatum</th>
<th class="text-left align-top w-1/4">Reise</th>
<th class="text-left align-top">Reise</th>
<th class="text-left align-top">Vorgang</th>
<th class="text-center align-top">Preis</th>
<th class="text-center align-top">offen</th>
<th class="text-left align-top">Status</th>
@@ -19,14 +20,15 @@
<td class="text-left align-top">{{ formatBookingDate(event.dateBooking) }}</td>
<td class="text-left align-top">{{ event.dateTravel | date }}</td>
<td class="text-left align-top">{{ event.product }}</td>
<td class="text-left align-top">{{ event.bookingNumber }}</td>
<td class="text-right align-top whitespace-no-wrap">{{ formatCurrency(event.price) }}</td>
<td class="text-right align-top whitespace-no-wrap" :class="{ 'text-red-500': hasOutstandingPayment(event) }">{{ calculateBalance(event) }}</td>
<td class="text-left align-top">{{ status[event.status] }}</td>
<td class="flex space-x-1">
<a :href="getDownloadUrl(event, 'confirmation')" target="_blank" class="button button--small">
<a :href="getDownloadUrl(event, 'confirmation')" target="_blank" class="button button--action button--small">
Bestätigung
</a>
<a :href="getDownloadUrl(event, 'documents')" target="_blank" class="button button--small" v-if="event.documents">
<a :href="getDownloadUrl(event, 'documents')" target="_blank" class="button button--secondary button--small" v-if="event.documents">
Reiseinfos
</a>
<router-link :to="{ name: 'bookingEdit', params: { id: event.id } }" v-if="event.editable" class="button button--small">
@@ -80,7 +82,7 @@ import {mapState, mapMutations, mapGetters} from 'vuex'
if (!date) {
return '-'
}
return dayjs(date).format('DD.MM.YYYY')
return dayjs(date).format('DD.MM.YY')
},
getDownloadUrl (event, type) {
return this.config.myEpApiBaseUrl