Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Widgets/TransactionLog.vue
Show All 9 Lines | <div> | ||||
<th scope="col" class="price">{{ $t('form.amount') }}</th> | <th scope="col" class="price">{{ $t('form.amount') }}</th> | ||||
</tr> | </tr> | ||||
</thead> | </thead> | ||||
<tbody> | <tbody> | ||||
<tr v-for="transaction in transactions" :id="'log' + transaction.id" :key="transaction.id"> | <tr v-for="transaction in transactions" :id="'log' + transaction.id" :key="transaction.id"> | ||||
<td class="datetime">{{ transaction.createdAt }}</td> | <td class="datetime">{{ transaction.createdAt }}</td> | ||||
<td class="email" v-if="isAdmin">{{ transaction.user }}</td> | <td class="email" v-if="isAdmin">{{ transaction.user }}</td> | ||||
<td class="selection"> | <td class="selection"> | ||||
<button class="btn btn-lg btn-link btn-action" title="Details" type="button" | <btn v-if="transaction.hasDetails" class="btn-lg btn-link btn-action" icon="info-circle" | ||||
v-if="transaction.hasDetails" | :title="$t('form.details')" | ||||
@click="loadTransaction(transaction.id)" | @click="loadTransaction(transaction.id)" | ||||
> | ></btn> | ||||
<svg-icon icon="info-circle"></svg-icon> | |||||
</button> | |||||
</td> | </td> | ||||
<td class="description">{{ description(transaction) }}</td> | <td class="description">{{ description(transaction) }}</td> | ||||
<td :class="'price ' + className(transaction)">{{ amount(transaction) }}</td> | <td :class="'price ' + className(transaction)">{{ amount(transaction) }}</td> | ||||
</tr> | </tr> | ||||
</tbody> | </tbody> | ||||
<list-foot :text="$t('wallet.transactions-none')" :colspan="isAdmin ? 5 : 4"></list-foot> | <list-foot :text="$t('wallet.transactions-none')" :colspan="isAdmin ? 5 : 4"></list-foot> | ||||
</table> | </table> | ||||
<list-more v-if="hasMore" :on-click="loadLog"></list-more> | <list-more v-if="hasMore" :on-click="loadLog"></list-more> | ||||
▲ Show 20 Lines • Show All 63 Lines • Show Last 20 Lines |