<div class="container-fluid">
<div class="card-header card-header-primary card-header-icon">
<i class="material-icons">assignment</i>
<strong>{{ $t('cruds.transaction.title') }}</strong>
v-if="$can(xprops.permission_prefix + 'create')"
:to="{ name: xprops.route + '.create' }"
<i class="material-icons">
:class="{ disabled: loading }"
<i class="material-icons" :class="{ 'fa-spin': loading }">
{{ $t('global.refresh') }}
<div class="table-overlay" v-show="loading">
<div class="table-overlay-container">
<material-spinner></material-spinner>
:pageSizeOptions="[10, 25, 50, 100]"
<global-search :query="query" class="pull-left" />
<header-settings :columns="columns" class="pull-right" />
import { mapGetters, mapActions } from 'vuex'
import DatatableActions from '@components/Datatables/DatatableActions'
import TranslatedHeader from '@components/Datatables/TranslatedHeader'
import HeaderSettings from '@components/Datatables/HeaderSettings'
import GlobalSearch from '@components/Datatables/GlobalSearch'
title: 'cruds.transaction.fields.id',
thComp: TranslatedHeader,
colStyle: 'width: 100px;'
title: 'cruds.transaction.fields.amount',
thComp: TranslatedHeader,
title: 'cruds.transaction.fields.transaction_date',
field: 'transaction_date',
thComp: TranslatedHeader,
thComp: TranslatedHeader,
tdComp: DatatableActions,
tdClass: 'text-right td-actions',
colStyle: 'width: 150px;'
query: { sort: 'id', order: 'desc', limit: 100, s: '' },
module: 'TransactionsIndex',
permission_prefix: 'transaction_'
...mapGetters('TransactionsIndex', ['data', 'total', 'loading'])
...mapActions('TransactionsIndex', [