Pro modal slight improvement

This commit is contained in:
Julien Nahum 2023-10-08 13:56:30 +01:00
parent d6f09ff42c
commit 9228f92903
1 changed files with 9 additions and 16 deletions

View File

@ -9,18 +9,12 @@
<h2 class="text-nt-blue"> <h2 class="text-nt-blue">
OpnForm PRO OpnForm PRO
</h2> </h2>
<h4 v-if="user &&user.is_subscribed && !user.has_enterprise_subscription" class="text-center mt-5"> <h4 v-if="user && user.is_subscribed" class="text-center mt-5">
We're happy to have you as a Pro customer. If you're having any issue with OpnForm, or if you have a We're happy to have you as a Pro customer. If you're having any issue with OpnForm, or if you have a
feature request, please <a href="mailto:contact@opnform.com">contact us</a>. feature request, please <a href="mailto:contact@opnform.com">contact us</a>.
<br><br>
If you need to collaborate, or to work with multiple workspaces, or just larger file uploads, you can
also upgrade our subscription to get an Enterprise subscription.
</h4> </h4>
<h4 v-if="user && user.is_subscribed && user.has_enterprise_subscription" class="text-center mt-5"> <div v-if="!user || !user.is_subscribed" class="mt-4">
We're happy to have you as an Enterprise customer. If you're having any issue with OpnForm, or if you have a <p>
feature request, please <a href="mailto:contact@opnform.com">contact us</a>.
</h4>
<p v-if="user && !user.is_subscribed" class="mt-4">
All the features with a<span All the features with a<span
class="bg-nt-blue text-white px-2 text-xs uppercase inline rounded-full font-semibold mx-1" class="bg-nt-blue text-white px-2 text-xs uppercase inline rounded-full font-semibold mx-1"
> >
@ -30,13 +24,11 @@
the form editor, but you can't use them in your real forms</b>. You can subscribe now to gain unlimited access the form editor, but you can't use them in your real forms</b>. You can subscribe now to gain unlimited access
to to
all our pro features! all our pro features!
</p> </p>
</div>
<p class="my-4 text-center"> <div class="my-4 text-center">
Feel free to <a href="#" @click.prevent="openChat">contact us</a> if you have any feature request. <v-button color="white" @click="showPremiumModal=false">
</p>
<div class="mb-4 text-center">
<v-button color="gray" shade="light" @click="showPremiumModal=false">
Close Close
</v-button> </v-button>
</div> </div>
@ -47,10 +39,11 @@
<script> <script>
import Modal from '../Modal.vue' import Modal from '../Modal.vue'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import PricingTable from "../pages/pricing/PricingTable.vue";
export default { export default {
name: 'ProTag', name: 'ProTag',
components: { Modal }, components: {PricingTable, Modal },
props: {}, props: {},
data () { data () {