mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-06-06 20:37:32 +00:00
Gregor Vostrak
63 lines
2.4 KiB
Vue
63 lines
2.4 KiB
Vue
<script setup lang="ts">
|
|
import DialogModal from '@/packages/ui/src/DialogModal.vue';
|
|
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
|
|
import { Link } from '@inertiajs/vue3';
|
|
import {
|
|
isAllowedToPerformPremiumAction,
|
|
isBillingActivated,
|
|
} from '@/utils/billing';
|
|
import { CreditCardIcon, UserGroupIcon } from '@heroicons/vue/20/solid';
|
|
import { canManageBilling, canUpdateOrganization } from '@/utils/permissions';
|
|
import { SecondaryButton } from '@/packages/ui/src';
|
|
|
|
const show = defineModel('show', { default: false });
|
|
</script>
|
|
|
|
<template>
|
|
<DialogModal closeable :show="show" @close="show = false">
|
|
<template #title>
|
|
<div class="flex space-x-2">
|
|
<span> Upgrade Plan </span>
|
|
</div>
|
|
</template>
|
|
|
|
<template #content>
|
|
<div v-if="!isAllowedToPerformPremiumAction()">
|
|
<div
|
|
class="rounded-full flex items-center justify-center w-20 h-20 mx-auto border border-border-tertiary bg-secondary">
|
|
<UserGroupIcon class="w-12"></UserGroupIcon>
|
|
</div>
|
|
<div class="max-w-sm text-center mx-auto py-4 text-base">
|
|
<p class="py-1">
|
|
<strong>Project and Task Estimates</strong> is only
|
|
available in solidtime Professional.
|
|
</p>
|
|
<p class="py-1">
|
|
If you want to use this feature,
|
|
<strong>please upgrade to a paid plan</strong>.
|
|
</p>
|
|
|
|
<Link
|
|
v-if="isBillingActivated() && canManageBilling()"
|
|
href="/billing">
|
|
<PrimaryButton
|
|
type="button"
|
|
class="mt-6"
|
|
v-if="
|
|
isBillingActivated() && canUpdateOrganization()
|
|
">
|
|
<CreditCardIcon class="w-5 h-5 me-2" />
|
|
Go to Billing
|
|
</PrimaryButton>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template #footer>
|
|
<SecondaryButton @click="show = false">Close</SecondaryButton>
|
|
</template>
|
|
</DialogModal>
|
|
</template>
|
|
|
|
<style scoped></style>
|