updated transaction tables

This commit is contained in:
Čarodej
2021-12-10 11:00:30 +01:00
parent 78a6cf0c92
commit 26f367031e
10 changed files with 360 additions and 225 deletions
+6 -6
View File
@@ -12,7 +12,7 @@
<tr class="border-b dark:border-opacity-5 border-light border-dashed">
<td class="py-5">
<span class="text-sm font-bold">
{{ row.data.attributes.plan_name }}
{{ row.data.attributes.note }}
</span>
</td>
<td>
@@ -41,8 +41,8 @@
</ColorLabel>
</td>
<td>
<span class="text-sm font-bold">
{{ row.data.attributes.price }}
<span class="text-sm font-bold" :class="$getTransactionTypeTextColor(row.data.attributes.type)">
{{ $getTransactionMark(row.data.attributes.type) + row.data.attributes.price }}
</span>
</td>
<td>
@@ -51,7 +51,7 @@
</span>
</td>
<td class="text-right">
<img class="block max-h-5 m-auto" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
<img class="inline-block max-h-5" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
</td>
</tr>
</template>
@@ -133,8 +133,8 @@
invoices: [],
columns: [
{
label: this.$t('Plan'),
field: 'plan_name',
label: this.$t('Note'),
field: 'note',
sortable: true
},
{
@@ -44,7 +44,7 @@
</span>
</td>
<td class="text-right">
<img class="block max-h-5 m-auto" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
<img class="inline-block max-h-5" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
</td>
</tr>
</template>
@@ -100,7 +100,7 @@
sortable: true
},
{
label: this.$t('Plan'),
label: this.$t('Note'),
field: 'plan.name',
sortable: true
},
+2 -2
View File
@@ -48,7 +48,7 @@
</span>
</td>
<td class="text-right">
<img class="block max-h-5 m-auto" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
<img class="inline-block max-h-5" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
</td>
</tr>
</template>
@@ -142,7 +142,7 @@
sortable: true
},
{
label: this.$t('Plan'),
label: this.$t('Note'),
field: 'plan.name',
sortable: true
},
@@ -11,7 +11,7 @@
<tr class="border-b dark:border-opacity-5 border-light border-dashed">
<td class="py-4">
<span class="text-sm font-bold">
{{ row.data.attributes.plan_name }}
{{ row.data.attributes.note }}
</span>
</td>
<td>
@@ -20,8 +20,8 @@
</ColorLabel>
</td>
<td>
<span class="text-sm font-bold">
{{ row.data.attributes.price }}
<span class="text-sm font-bold" :class="$getTransactionTypeTextColor(row.data.attributes.type)">
{{ $getTransactionMark(row.data.attributes.type) + row.data.attributes.price }}
</span>
</td>
<td>
@@ -30,7 +30,7 @@
</span>
</td>
<td class="text-right">
<img class="block max-h-5 m-auto" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
<img class="inline-block max-h-5" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
</td>
</tr>
</template>
@@ -65,8 +65,8 @@
isLoading: true,
columns: [
{
label: this.$t('Plan'),
field: 'plan_name',
label: this.$t('Note'),
field: 'note',
sortable: true
},
{