Adjust booking list styles and content
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user