58 lines
1.6 KiB
Vue
58 lines
1.6 KiB
Vue
<template>
|
|
<div
|
|
class="flex-1 p-8"
|
|
v-if="$account.onboarding && !$account.onboarding.complete"
|
|
>
|
|
<div class="mx-auto mb-10 lg:w-1/2">
|
|
<Card
|
|
title="Welcome to 今果 Jingrow"
|
|
subtitle="To start using 今果 Jingrow, complete the following steps to get your account up and running."
|
|
>
|
|
<div class="relative mt-2">
|
|
<OnboardingStepCreateAccount />
|
|
<OnboardingStepSetupPayment
|
|
:active="!$account.onboarding.billing_setup"
|
|
:done="$account.onboarding.billing_setup"
|
|
/>
|
|
<OnboardingStepSelectSitePlan
|
|
v-if="$account.team.via_jerp"
|
|
:active="$account.onboarding.billing_setup"
|
|
:done="$account.onboarding.jerp_site_plan_set"
|
|
/>
|
|
<OnboardingStepCreateSite
|
|
v-else
|
|
:active="$account.onboarding.billing_setup"
|
|
:done="$account.onboarding.site_created"
|
|
/>
|
|
</div>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import OnboardingStepCreateAccount from './OnboardingStepCreateAccount.vue';
|
|
import OnboardingStepCreateSite from './OnboardingStepCreateSite.vue';
|
|
import OnboardingStepSelectSitePlan from './OnboardingStepSelectSitePlan.vue';
|
|
import OnboardingStepSetupPayment from './OnboardingStepSetupPayment.vue';
|
|
export default {
|
|
name: 'Welcome',
|
|
components: {
|
|
OnboardingStepCreateAccount,
|
|
OnboardingStepSetupPayment,
|
|
OnboardingStepCreateSite,
|
|
OnboardingStepSelectSitePlan
|
|
},
|
|
watch: {
|
|
'$account.onboarding.complete': {
|
|
handler(value) {
|
|
if (value) {
|
|
this.$router.replace('/sites');
|
|
}
|
|
},
|
|
immediate: true
|
|
}
|
|
}
|
|
};
|
|
</script>
|