mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-19 00:22:15 +00:00
40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<template>
|
|
<div v-if="!hasSubscription" class="card shadow-card">
|
|
<FormLabel>
|
|
{{ $t('Subscription') }}
|
|
</FormLabel>
|
|
|
|
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
|
|
{{ $t('Free Plan') }}
|
|
</b>
|
|
|
|
<b v-if="$store.getters.config.allowed_payments" class="mb-3 mb-8 block text-sm text-gray-400">
|
|
{{ $t('Upgrade your account to get more.') }}
|
|
</b>
|
|
|
|
<ButtonBase v-if="$store.getters.config.allowed_payments" @click.native="$openUpgradeOptions" type="submit" button-style="theme" class="mt-4 w-full">
|
|
{{ $t('Upgrade Your Account') }}
|
|
</ButtonBase>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import InfoBox from '../Others/Forms/InfoBox'
|
|
import FormLabel from '../Others/Forms/FormLabel'
|
|
import ButtonBase from '../FilesView/ButtonBase'
|
|
|
|
export default {
|
|
name: 'UserEmptySubscription',
|
|
components: {
|
|
ButtonBase,
|
|
FormLabel,
|
|
InfoBox,
|
|
},
|
|
computed: {
|
|
hasSubscription() {
|
|
return this.$store.getters.user.data.relationships.subscription
|
|
},
|
|
},
|
|
}
|
|
</script>
|