mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-18 00:02:15 +00:00
48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<template>
|
|
<div class="card shadow-card">
|
|
<FormLabel icon="file-text">
|
|
{{ $t('Transactions') }}
|
|
</FormLabel>
|
|
|
|
<DatatableWrapper
|
|
class="overflow-x-auto"
|
|
api="/api/subscriptions/transactions"
|
|
:paginator="true"
|
|
:columns="columns"
|
|
>
|
|
<template slot-scope="{ row }">
|
|
<FixedTransactionRow :row="row" />
|
|
</template>
|
|
|
|
<!--Empty page-->
|
|
<template v-slot:empty-page>
|
|
<InfoBox style="margin-bottom: 0">
|
|
<p>{{ $t('user_invoices.empty') }}</p>
|
|
</InfoBox>
|
|
</template>
|
|
</DatatableWrapper>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import InfoBox from "../Others/Forms/InfoBox";
|
|
import DatatableWrapper from "../Others/Tables/DatatableWrapper"
|
|
import FixedTransactionRow from "./FixedTransactionRow"
|
|
import FormLabel from "../Others/Forms/FormLabel"
|
|
import ColorLabel from "../Others/ColorLabel"
|
|
|
|
export default {
|
|
name: 'UserTransactionsForFixedBilling',
|
|
components: {
|
|
FixedTransactionRow,
|
|
DatatableWrapper,
|
|
ColorLabel,
|
|
FormLabel,
|
|
InfoBox,
|
|
},
|
|
computed: {
|
|
columns() {
|
|
return this.$store.getters.transactionColumns.filter(column => ! ['type', 'user_id'].includes(column.field))
|
|
}
|
|
},
|
|
}
|
|
</script> |