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

Adjust booking list styles and content

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
+1 -1
View File
@@ -45,7 +45,7 @@ $.fancybox.defaults.iframe.css.width = '800px';
// Define date filter for vue templates // Define date filter for vue templates
Vue.filter('date', (value) => { Vue.filter('date', (value) => {
return dayjs(value).format('DD.MM.YYYY'); return dayjs(value).format('DD.MM.YY');
}); });
// Store // Store
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
+6 -4
View File
@@ -7,7 +7,8 @@
<tr> <tr>
<th class="text-left align-top">Buchungsdatum</th> <th class="text-left align-top">Buchungsdatum</th>
<th class="text-left align-top">Reisedatum</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">Preis</th>
<th class="text-center align-top">offen</th> <th class="text-center align-top">offen</th>
<th class="text-left align-top">Status</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">{{ formatBookingDate(event.dateBooking) }}</td>
<td class="text-left align-top">{{ event.dateTravel | date }}</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.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">{{ 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-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="text-left align-top">{{ status[event.status] }}</td>
<td class="flex space-x-1"> <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 Bestätigung
</a> </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 Reiseinfos
</a> </a>
<router-link :to="{ name: 'bookingEdit', params: { id: event.id } }" v-if="event.editable" class="button button--small"> <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) { if (!date) {
return '-' return '-'
} }
return dayjs(date).format('DD.MM.YYYY') return dayjs(date).format('DD.MM.YY')
}, },
getDownloadUrl (event, type) { getDownloadUrl (event, type) {
return this.config.myEpApiBaseUrl return this.config.myEpApiBaseUrl