Differential D2581 Diff 7351 src/resources/vue/Widgets/PaymentLog.vue

Changeset View

Standalone View

src/resources/vue/Widgets/PaymentLog.vue

	<template>			<template>
	<div>			<div>
	<table class="table table-sm m-0 payments">			<table class="table table-sm m-0 payments">
	<thead class="thead-light">			<thead class="thead-light">
	<tr>			<tr>
	<th scope="col">Date</th>			<th scope="col">{{ $t('form.date') }}</th>
	<th scope="col">Description</th>			<th scope="col">{{ $t('form.description') }}</th>
	<th scope="col"></th>			<th scope="col"></th>
	<th scope="col" class="price">Amount</th>			<th scope="col" class="price">{{ $t('form.amount') }}</th>
	</tr>			</tr>
	</thead>			</thead>
	<tbody>			<tbody>
	<tr v-for="payment in payments" :id="'log' + payment.id" :key="payment.id">			<tr v-for="payment in payments" :id="'log' + payment.id" :key="payment.id">
	<td class="datetime">{{ payment.createdAt }}</td>			<td class="datetime">{{ payment.createdAt }}</td>
	<td class="description">{{ payment.description }}</td>			<td class="description">{{ payment.description }}</td>
	<td><a v-if="payment.checkoutUrl" :href="payment.checkoutUrl">Details</a></td>			<td><a v-if="payment.checkoutUrl" :href="payment.checkoutUrl">{{ $t('form.details') }}</a></td>
	<td class="price text-success">{{ amount(payment) }}</td>			<td class="price text-success">{{ amount(payment) }}</td>
	</tr>			</tr>
	</tbody>			</tbody>
	<tfoot class="table-fake-body">			<tfoot class="table-fake-body">
	<tr>			<tr>
	<td colspan="4">There are no pending payments for this account.</td>			<td colspan="4">{{ $t('wallet.pending-payments-none') }}</td>
	</tr>			</tr>
	</tfoot>			</tfoot>
	</table>			</table>
	<div class="text-center p-3" id="payments-loader" v-if="hasMore">			<div class="text-center p-3" id="payments-loader" v-if="hasMore">
	<button class="btn btn-secondary" @click="loadLog(true)">Load more</button>			<button class="btn btn-secondary" @click="loadLog(true)">{{ $t('nav.more') }}</button>
	</div>			</div>
	</div>			</div>
	</template>			</template>

	<script>			<script>
	export default {			export default {
	props: {			props: {
	},			},
	▲ Show 20 Lines • Show All 41 Lines • Show Last 20 Lines