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

added prettier

Browse Source
This commit is contained in:
Čarodej
2022-02-01 12:21:38 +01:00
parent 5ae875233b
commit b38b532cbe
284 changed files with 25410 additions and 25338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
resources/js/components/Subscription/UserFailedPayments.vue
View File

@@ -1,62 +1,58 @@
<template>
<div v-if="user.data.relationships.failedPayments && user.data.relationships.failedPayments.data.length > 0" class="card shadow-card">
<FormLabel icon="frown">
{{ $t('Failed Payments') }}
</FormLabel>
<div v-if="user.data.relationships.failedPayments && user.data.relationships.failedPayments.data.length > 0" class="card shadow-card">
<FormLabel icon="frown">
{{ $t('Failed Payments') }}
</FormLabel>
<b class="sm:text-3xl text-2xl font-extrabold -mt-3 block mb-0.5">
-{{ user.data.meta.totalDebt.formatted }}
</b>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl"> -{{ user.data.meta.totalDebt.formatted }} </b>
<b class="mb-3 block text-sm text-gray-400 mb-5">
{{ $t("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!") }}
</b>
<b class="mb-3 mb-5 block text-sm text-gray-400">
{{ $t("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!") }}
</b>
<!--Failed Payments-->
<div
v-for="payment in user.data.relationships.failedPayments.data"
:key="payment.data.id"
class="flex items-center justify-between py-2 border-b dark:border-opacity-5 border-light border-dashed"
>
<div class="w-2/4 leading-none">
<b class="text-sm font-bold leading-none">
{{ payment.data.attributes.note }}
</b>
</div>
<div class="text-left w-1/4">
<span class="text-sm font-bold text-gray-560 capitalize">
{{ $t(payment.data.attributes.source) }}
</span>
</div>
<div class="text-right w-1/4">
<span class="text-sm font-bold">
{{ payment.data.attributes.created_at }}
</span>
</div>
<div class="text-right w-1/4">
<span class="text-sm font-bold text-red">
{{ payment.data.attributes.amount }}
</span>
</div>
</div>
</div>
<!--Failed Payments-->
<div
v-for="payment in user.data.relationships.failedPayments.data"
:key="payment.data.id"
class="flex items-center justify-between border-b border-dashed border-light py-2 dark:border-opacity-5"
>
<div class="w-2/4 leading-none">
<b class="text-sm font-bold leading-none">
{{ payment.data.attributes.note }}
</b>
</div>
<div class="w-1/4 text-left">
<span class="text-gray-560 text-sm font-bold capitalize">
{{ $t(payment.data.attributes.source) }}
</span>
</div>
<div class="w-1/4 text-right">
<span class="text-sm font-bold">
{{ payment.data.attributes.created_at }}
</span>
</div>
<div class="w-1/4 text-right">
<span class="text-red text-sm font-bold">
{{ payment.data.attributes.amount }}
</span>
</div>
</div>
</div>
</template>
<script>
import FormLabel from "../Others/Forms/FormLabel"
import InfoBox from "../Others/Forms/InfoBox";
import {mapGetters} from "vuex";
import FormLabel from '../Others/Forms/FormLabel'
import InfoBox from '../Others/Forms/InfoBox'
import { mapGetters } from 'vuex'
export default {
name: 'UserFailedPayments',
components: {
FormLabel,
InfoBox,
},
computed: {
...mapGetters([
'user',
])
},
name: 'UserFailedPayments',
components: {
FormLabel,
InfoBox,
},
computed: {
...mapGetters(['user']),
},
}
</script>
</script>