From b7018ffefbb6ed083eb825535708481e0e25e083 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Thu, 5 Aug 2021 16:05:55 +0200
Subject: [PATCH] Implement mixins in internal pages

---
 webapp/mixins/internalPageMixins.js   | 19 +++++++++++++++++++
 webapp/pages/code-of-conduct.vue      | 12 +++---------
 webapp/pages/data-privacy.vue         | 12 +++---------
 webapp/pages/donate.vue               | 17 +++--------------
 webapp/pages/faq.vue                  | 12 +++---------
 webapp/pages/imprint.vue              | 12 +++---------
 webapp/pages/organization.vue         | 12 +++---------
 webapp/pages/support.vue              | 12 +++---------
 webapp/pages/terms-and-conditions.vue | 12 +++---------
 9 files changed, 43 insertions(+), 77 deletions(-)
 create mode 100644 webapp/mixins/internalPageMixins.js

diff --git a/webapp/mixins/internalPageMixins.js b/webapp/mixins/internalPageMixins.js
new file mode 100644
index 000000000..7c1a58f1d
--- /dev/null
+++ b/webapp/mixins/internalPageMixins.js
@@ -0,0 +1,19 @@
+
+import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+
+export function internalPageMixins(pageParams) {
+  return {
+    layout: 'basic',
+    components: {
+      InternalPage,
+    },
+    data() {
+      return { pageParams }
+    },
+    created() {
+      if (!this.pageParams.isInternalPage) {
+        window.location.href = this.pageParams.externalLink
+      }
+    },
+  }
+}
diff --git a/webapp/pages/code-of-conduct.vue b/webapp/pages/code-of-conduct.vue
index 4bcf87cee..3a3275c39 100644
--- a/webapp/pages/code-of-conduct.vue
+++ b/webapp/pages/code-of-conduct.vue
@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.CODE_OF_CONDUCT" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
+  mixins: [internalPageMixins(links.CODE_OF_CONDUCT)],
 }
 </script>
diff --git a/webapp/pages/data-privacy.vue b/webapp/pages/data-privacy.vue
index b8416785b..31f86c9b8 100644
--- a/webapp/pages/data-privacy.vue
+++ b/webapp/pages/data-privacy.vue
@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.DATA_PRIVACY" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
+  mixins: [internalPageMixins(links.DATA_PRIVACY)],
 }
 </script>
diff --git a/webapp/pages/donate.vue b/webapp/pages/donate.vue
index 27fe06b13..aac73695f 100644
--- a/webapp/pages/donate.vue
+++ b/webapp/pages/donate.vue
@@ -1,23 +1,12 @@
 <template>
-  <internal-page :pageParams="links.DONATE" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
-  created() {
-    if (!this.links.DONATE.isInternalPage) {
-      window.location.href = this.links.DONATE.externalLink
-    }
-  },
+  mixins: [internalPageMixins(links.DONATE)],
 }
 </script>
diff --git a/webapp/pages/faq.vue b/webapp/pages/faq.vue
index 0ffbcdea9..ec0ee8eda 100644
--- a/webapp/pages/faq.vue
+++ b/webapp/pages/faq.vue
@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.FAQ" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
+  mixins: [internalPageMixins(links.FAQ)],
 }
 </script>
diff --git a/webapp/pages/imprint.vue b/webapp/pages/imprint.vue
index 6902b7c3e..3c5fea10e 100644
--- a/webapp/pages/imprint.vue
+++ b/webapp/pages/imprint.vue
@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.IMPRINT" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
+  mixins: [internalPageMixins(links.IMPRINT)],
 }
 </script>
diff --git a/webapp/pages/organization.vue b/webapp/pages/organization.vue
index 4e6610931..7f6f3abd6 100644
--- a/webapp/pages/organization.vue
+++ b/webapp/pages/organization.vue
@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.ORGANIZATION" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
+  mixins: [internalPageMixins(links.ORGANIZATION)],
 }
 </script>
diff --git a/webapp/pages/support.vue b/webapp/pages/support.vue
index 092515465..e157693c7 100644
--- a/webapp/pages/support.vue
+++ b/webapp/pages/support.vue
@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.SUPPORT" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
+  mixins: [internalPageMixins(links.SUPPORT)],
 }
 </script>
diff --git a/webapp/pages/terms-and-conditions.vue b/webapp/pages/terms-and-conditions.vue
index 18796afa0..341de62db 100644
--- a/webapp/pages/terms-and-conditions.vue
+++ b/webapp/pages/terms-and-conditions.vue
@@ -1,18 +1,12 @@
 <template>
-  <internal-page :pageParams="links.TERMS_AND_CONDITIONS" />
+  <internal-page :pageParams="pageParams" />
 </template>
 
 <script>
 import links from '~/constants/links.js'
-import InternalPage from '~/components/_new/features/InternalPage/InternalPage.vue'
+import { internalPageMixins } from '~/mixins/internalPageMixins'
 
 export default {
-  layout: 'basic',
-  components: {
-    InternalPage,
-  },
-  data() {
-    return { links }
-  },
+  mixins: [internalPageMixins(links.TERMS_AND_CONDITIONS)],
 }
 </script>