opnform/resources/js/components/pages/OpenFormFooter.vue

80 lines
2.3 KiB
Vue

<template>
<div class="w-full">
<div class="grid md:grid-cols-3 my-8">
<div class="flex mt-2">
<p class="text-sm text-gray-600 dark:text-gray-400 text-center w-full">
© Copyright 2022. All Rights Reserved
</p>
</div>
<div class="flex justify-center mt-5 md:mt-0">
<router-link :to="{ name: user ? 'home' : 'welcome' }" class="flex-shrink-0 font-semibold flex items-center">
<img :src="asset('img/logo.svg')" alt="notion tools logo" class="w-10 h-10">
<span class="ml-2 text-xl text-black dark:text-white">
{{ appName }}
</span>
</router-link>
</div>
<ul class="flex justify-center mt-5 md:mt-1">
<li class="mr-10">
<router-link :to="{name:'privacy-policy'}" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Privacy Policy
</router-link>
</li>
<li class="list-disc pl-3">
<router-link :to="{name:'terms-conditions'}" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Terms & Conditions
</router-link>
</li>
</ul>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
data: () => ({
appName: window.config.appName,
}),
computed: {
...mapGetters({
user: 'auth/user'
}),
helpUrl: () => window.config.links.help_url,
githubUrl: () => window.config.links.github_url,
forumUrl: () => window.config.links.github_forum_url,
changelogUrl: () => window.config.links.changelog_url,
facebookGroupUrl: () => window.config.links.facebook_group,
twitterUrl: () => window.config.links.twitter,
featureRequestsUrl: () => window.config.links.feature_requests
},
mounted () {
this.loadCannyChangelog()
},
methods: {
loadCannyChangelog () {
this.$loadScript('https://canny.io/sdk.js')
.then(() => {
window.Canny('initChangelog', {
appID: '6267ca97f968c052891e7f8b',
position: 'top',
align: 'left'
})
})
}
}
}
</script>
<style>
.Canny_Badge {
background-color: #3B82F6 !important;
top: 5px !important;
right: 12px !important;
}
</style>