Add feature rqst, roadmap & fb group in footer

This commit is contained in:
Julien Nahum 2024-01-16 18:52:51 +01:00
parent 184096a348
commit a64e6b5312
2 changed files with 35 additions and 33 deletions

View File

@ -1,44 +1,58 @@
<template> <template>
<div class="w-full"> <div class="w-full">
<div class="grid md:grid-cols-3 my-8"> <div class="grid md:grid-cols-3 my-8">
<div class="flex mt-2"> <div class="flex mt-2 items-center">
<p class="text-sm text-gray-600 dark:text-gray-400 text-center w-full"> <p class="text-sm text-gray-600 dark:text-gray-400 text-center w-full">
© Copyright {{ currYear }}. All Rights Reserved © Copyright {{ currYear }}. All Rights Reserved
</p> </p>
</div> </div>
<div class="flex justify-center mt-5 md:mt-0"> <div class="flex justify-center mt-5 md:mt-0">
<NuxtLink :to="{ name: user ? 'home' : 'index' }" class="flex-shrink-0 font-semibold flex items-center"> <router-link :to="{ name: user ? 'home' : 'welcome' }" class="flex-shrink-0 font-semibold flex items-center">
<NuxtImg src="/img/logo.svg" alt="notion tools logo" class="w-10 h-10"/> <img src="/img/logo.svg" alt="notion tools logo" class="w-10 h-10">
<span class="ml-2 text-xl text-black dark:text-white"> <span class="ml-2 text-xl text-black dark:text-white">
OpnForm {{ appName }}
</span> </span>
</NuxtLink> </router-link>
</div> </div>
<ul class="flex justify-center mt-5 md:mt-1"> <div class="flex justify-center mt-5 md:mt-0">
<li class="mr-10"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-4 gap-y-2">
<NuxtLink :to="{name:'privacy-policy'}" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"> <a :href="opnformConfig.links.feature_requests" target="_blank"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Feature Requests
</a>
<a :href="opnformConfig.links.roadmap" target="_blank"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Roadmap
</a>
<a :href="opnformConfig.links.facebook_group" target="_blank"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Facebook Group
</a>
<router-link :to="{name:'privacy-policy'}"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Privacy Policy Privacy Policy
</NuxtLink> </router-link>
</li>
<li class="list-disc pl-3"> <router-link :to="{name:'terms-conditions'}"
<NuxtLink :to="{name:'terms-conditions'}" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"> class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue">
Terms & Conditions Terms & Conditions
</NuxtLink> </router-link>
</li> </div>
</ul> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { computed } from 'vue' import { computed } from 'vue'
import { useAuthStore } from '../../stores/auth' import opnformConfig from "~/opnform.config.js";
export default { export default {
setup () { setup () {
const authStore = useAuthStore() const authStore = useAuthStore()
return { return {
user : computed(() => authStore.user) user : computed(() => authStore.user),
opnformConfig
} }
}, },
@ -46,18 +60,5 @@ export default {
currYear: new Date().getFullYear(), currYear: new Date().getFullYear(),
}), }),
computed: {
helpUrl: () => this.$config.links.help_url,
githubUrl: () => this.$config.links.github_url,
forumUrl: () => this.$config.links.github_forum_url,
changelogUrl: () => this.$config.links.changelog_url,
facebookGroupUrl: () => this.$config.links.facebook_group,
twitterUrl: () => this.$config.links.twitter,
featureRequestsUrl: () => this.$config.links.feature_requests
},
mounted () {},
methods: {}
} }
</script> </script>

View File

@ -15,6 +15,7 @@ export default {
"twitter": "https://twitter.com/OpnForm", "twitter": "https://twitter.com/OpnForm",
"zapier_integration": "https://zapier.com/developer/public-invite/146950/58db583730cc46b821614468d94c35de/", "zapier_integration": "https://zapier.com/developer/public-invite/146950/58db583730cc46b821614468d94c35de/",
"book_onboarding": "https://zcal.co/i/YQVGEULQ", "book_onboarding": "https://zcal.co/i/YQVGEULQ",
"feature_requests": "https://opnform.canny.io/feature-requests" "feature_requests": "https://opnform.featurebase.app/",
"roadmap": "https://opnform.featurebase.app/roadmap",
} }
} }