nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 00:22:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

transaction UI refactoring

Browse Source
This commit is contained in:
Čarodej
2021-12-30 15:42:09 +01:00
parent 6f5b3c05ad
commit 50abdc3266
6 changed files with 170 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
resources/js/views/User/MeteredSubscription.vue
View File

@@ -1,7 +1,7 @@
<template>
<PageTab :is-loading="isLoading">
<!--Usage Estimates-->
<!--Failed Payments-->
<div v-if="user.data.relationships.failedPayments && user.data.relationships.failedPayments.data.length > 0" class="card shadow-card">
<FormLabel icon="frown">
{{ $t('Failed Payments') }}
@@ -27,7 +27,7 @@
</b>
</div>
<div class="text-left w-1/4">
<span class="text-sm font-bold text-gray-560">
<span class="text-sm font-bold text-gray-560 capitalize">
{{ $t(payment.data.attributes.source) }}
</span>
</div>
@@ -43,7 +43,7 @@
</div>
</div>
<InfoBox type="error" class="mt-4" style="margin-bottom: 0">
<InfoBox type="error" class="mt-7" style="margin-bottom: 0">
<p v-html="$t('Uh-oh! We are unable to charge your usage. Please register new credit card or fund your account with sufficient amount and we\'ll give it another try!')"></p>
</InfoBox>
</div>
@@ -257,12 +257,14 @@
</span>
</td>
<td>
<ColorLabel v-if="config.subscriptionType === 'fixed'" :color="$getTransactionStatusColor(row.data.attributes.status)">
<ColorLabel class="capitalize" :color="$getTransactionStatusColor(row.data.attributes.status)">
{{ row.data.attributes.status }}
</ColorLabel>
<ColorLabel v-if="config.subscriptionType === 'metered'" :color="$getTransactionTypeColor(row.data.attributes.type)">
{{ row.data.attributes.type }}
</ColorLabel>
</td>
<td class="py-4">
<span class="text-sm font-bold capitalize">
{{ $t(row.data.attributes.type) }}
</span>
</td>
<td>
<span class="text-sm font-bold" :class="$getTransactionTypeTextColor(row.data.attributes.type)">
@@ -366,6 +368,11 @@
field: 'status',
sortable: true
},
{
label: this.$t('Type'),
field: 'status',
sortable: true
},
{
label: this.$t('admin_page_invoices.table.total'),
field: 'amount',