Parameterize links

webapp/components/DonationInfo/DonationInfo.vue

@@ -1,13 +1,14 @@
 <template>
   <div class="donation-info">
     <progress-bar :title="title" :label="label" :goal="goal" :progress="progress" />
-    <a target="_blank" href="https://human-connection.org/spenden/">
+    <a target="_blank" :href="links.DONATE">
       <base-button filled>{{ $t('donations.donate-now') }}</base-button>
     </a>
   </div>
 </template>
 
 <script>
+import links from '~/constants/links.js'
 import { DonationsQuery } from '~/graphql/Donations'
 import ProgressBar from '~/components/ProgressBar/ProgressBar.vue'
 
@@ -17,6 +18,7 @@ export default {
   },
   data() {
     return {
+      links,
       goal: 15000,
       progress: 0,
     }

webapp/components/PageFooter/PageFooter.vue

@@ -1,8 +1,8 @@
 <template>
   <div id="footer" class="ds-footer">
-    <a href="https://human-connection.org" target="_blank" v-html="$t('site.made')"></a>
+    <a :href="links.ORGANIZATION" target="_blank" v-html="$t('site.made')"></a>
     <span>-</span>
-    <a href="https://human-connection.org/impressum/" target="_blank">
+    <a :href="links.IMPRINT" target="_blank">
       {{ $t('site.imprint') }}
     </a>
     <span>-</span>
@@ -10,11 +10,11 @@
     <span>-</span>
     <nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>
     <span>-</span>
-    <a href="https://human-connection.org/datenschutz/" target="_blank">
+    <a :href="links.DATA_PRIVACY" target="_blank">
       {{ $t('site.data-privacy') }}
     </a>
     <span>-</span>
-    <a href="https://faq.human-connection.org/" target="_blank">
+    <a :href="links.FAQ" target="_blank">
       {{ $t('site.faq') }}
     </a>
     <span>-</span>
@@ -28,9 +28,10 @@
 </template>
 
 <script>
+import links from '~/constants/links.js'
 export default {
   data() {
-    return { version: `v${process.env.release}` }
+    return { links, version: `v${process.env.release}` }
   },
 }
 </script>

webapp/constants/links.js

@@ -0,0 +1,7 @@
+export default {
+  ORGANIZATION: 'https://human-connection.org/',
+  DONATE: 'https://human-connection.org/spenden/',
+  IMPRINT: 'https://human-connection.org/impressum/',
+  DATA_PRIVACY: 'https://human-connection.org/datenschutz/',
+  FAQ: 'https://faq.human-connection.org/',
+}

webapp/pages/index.vue

@@ -7,7 +7,7 @@
       <ds-grid-item :row-span="2" column-span="fullWidth" class="top-info-bar">
         <!--<donation-info /> -->
         <div>
-          <a target="_blank" href="https://human-connection.org/spenden/">
+          <a target="_blank" :href="links.DONATE">
             <base-button filled>{{ $t('donations.donate-now') }}</base-button>
           </a>
         </div>
@@ -74,6 +74,7 @@ import { mapGetters, mapMutations } from 'vuex'
 import { filterPosts } from '~/graphql/PostQuery.js'
 import PostMutations from '~/graphql/PostMutations'
 import UpdateQuery from '~/components/utils/UpdateQuery'
+import links from '~/constants/links.js'
 
 export default {
   components: {
@@ -87,6 +88,7 @@ export default {
   data() {
     const { hashtag = null } = this.$route.query
     return {
+      links,
       posts: [],
       hasMore: true,
       // Initialize your apollo data

webapp/pages/post/_id/_slug/index.vue

@@ -100,7 +100,7 @@
           {{ $t('settings.blocked-users.explanation.commenting-disabled') }}
           <br />
           {{ $t('settings.blocked-users.explanation.commenting-explanation') }}
-          <a href="https://support.human-connection.org/kb/" target="_blank">FAQ</a>
+          <a :href="links.FAQ" target="_blank">FAQ</a>
         </ds-placeholder>
       </ds-section>
     </base-card>
@@ -120,6 +120,7 @@ import { postMenuModalsData, deletePostMutation } from '~/components/utils/PostH
 import PostQuery from '~/graphql/PostQuery'
 import HcEmotions from '~/components/Emotions/Emotions'
 import PostMutations from '~/graphql/PostMutations'
+import links from '~/constants/links.js'
 
 export default {
   name: 'PostSlug',
@@ -145,6 +146,7 @@ export default {
   },
   data() {
     return {
+      links,
       post: null,
       ready: false,
       title: 'loading',