set up privacy page in settings

backend/src/schema/resolvers/users.js

@@ -177,6 +177,7 @@ export default {
         'termsAndConditionsAgreedVersion',
         'termsAndConditionsAgreedAt',
         'allowEmbedIframes',
+        'allowShouts',
       ],
       boolean: {
         followedByCurrentUser:

webapp/locales/de.json

@@ -236,6 +236,10 @@
         "passwordStrength4": "Sehr sicheres Passwort"
       }
     },
+    "privacy": {
+      "name": "Privatsphäre",
+      "make-shouts-public": "Teile von mir empfohlene Artikel öffentlich auf meinem Profil"
+    },
     "invites": {
       "name": "Einladungen"
     },

webapp/locales/en.json

@@ -237,6 +237,10 @@
         "passwordStrength4": "Very strong password"
       }
     },
+    "privacy": {
+      "name": "Privacy",
+      "make-shouts-public": "Share articles I have shouted on my public profile"
+    },
     "invites": {
       "name": "Invites"
     },

webapp/pages/settings.vue

@@ -31,6 +31,10 @@ export default {
           name: this.$t('settings.security.name'),
           path: `/settings/security`,
         },
+        {
+          name: this.$t('settings.privacy.name'),
+          path: 'settings/privacy',
+        },
         {
           name: this.$t('settings.social-media.name'),
           path: `/settings/my-social-media`,

webapp/pages/settings/privacy.vue

@@ -0,0 +1,34 @@
+<template>
+  <ds-card :header="$t('settings.privacy.name')">
+    <ds-space margin-bottom="small">
+      <input id="allow-shouts" type="checkbox" v-model="shoutsAllowed" />
+      <label for="allow-shouts">{{ $t('settings.privacy.make-shouts-public') }}</label>
+    </ds-space>
+    <ds-button primary @click="submit">{{ $t('actions.save') }}</ds-button>
+  </ds-card>
+</template>
+
+<script>
+import { mapGetters, mapMutations } from 'vuex'
+
+export default {
+  computed: {
+    ...mapGetters({
+      currentUser: 'auth/user',
+    }),
+    shoutsAllowed: {
+      get() {
+        return this.currentUser.shoutsAllowed || false
+      },
+      set(value) {
+        return value
+      },
+    },
+  },
+  methods: {
+    submit() {
+      console.log('wohoo')
+    },
+  },
+}
+</script>