Files
opnform-host-nginx/client/components/vendor/appsumo/AppSumoRegister.vue
Favour Olayinka bcd45ce8a6 0351d front end linting (#377)
* feat: disable custom script for  trial users

* after lint fix

* frontend linting

---------

Co-authored-by: Julien Nahum <julien@nahum.net>
2024-04-15 19:39:03 +02:00

82 lines
1.6 KiB
Vue

<template>
<div
v-if="hasValidLicense"
class="p-6 bg-white border shadow-md rounded-md"
>
<img
src="/img/appsumo/as-taco-white-bg.png"
class="max-w-[60px] mx-auto"
alt="AppSumo"
>
<img
src="/img/appsumo/as-Select-dark.png"
class="max-w-[300px] mx-auto"
alt="AppSumo"
>
<p class="mt-6">
<span class="text-green-500">We found your AppSumo Lifetime deal license!</span>
Just complete the registration form to finalize the activation of your
license.
</p>
</div>
<div
v-else-if="hasLicenseError"
class="p-6 bg-white border border-red-500 shadow-md rounded-md"
>
<img
src="/img/appsumo/as-taco-white-bg.png"
class="max-w-[60px] mx-auto"
alt="AppSumo"
>
<img
src="/img/appsumo/as-Select-dark.png"
class="max-w-[300px] mx-auto"
alt="AppSumo"
>
<p class="mt-6">
<span class="text-red-600">Invalid AppSumo license</span>. The license was
probably already attached to an OpnForm account. Please contact support.
</p>
</div>
</template>
<script>
export default {
name: "AppSumoRegister",
data() {
return {
hasValidLicense: false,
hasLicenseError: false,
}
},
computed: {},
watch: {},
mounted() {
if (
this.$route.query.appsumo_license !== undefined &&
this.$route.query.appsumo_license
) {
this.hasValidLicense = true
} else if (
this.$route.query.appsumo_error !== undefined &&
this.$route.query.appsumo_error
) {
this.hasLicenseError = true
}
},
created() {},
unmounted() {},
methods: {},
}
</script>