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"
     },
@@ -670,7 +674,7 @@
     "terms-of-service": {
       "title": "Nutzungsbedingungen",
       "description": "Die folgenden Nutzungsbedingungen sind Basis für die Nutzung unseres Netzwerkes. Beim Registrieren musst Du sie anerkennen und wir werden Dich auch später über ggf. stattfindende Änderungen informieren. Das Human Connection Netzwerk wird in Deutschland betrieben und unterliegt daher deutschem Recht. Gerichtsstand ist Kirchheim / Teck. Zu Details schau in unser Impressum: <a href=\"https://human-connection.org/impressum\" target=\"_blank\" >https://human-connection.org/impressum</a> "
-    },   
+    },
     "use-and-license" : {
       "title": "Nutzung und Lizenz",
       "description": "Sind Inhalte, die Du bei uns einstellst, durch Rechte am geistigen Eigentum geschützt, erteilst Du uns eine nicht-exklusive, übertragbare, unterlizenzierbare und weltweite Lizenz für die Nutzung dieser Inhalte für die Bereitstellung in unserem Netzwerk. Diese Lizenz endet, sobald Du Deine Inhalte oder Deinen ganzen Account löscht. Bedenke, dass andere Deine Inhalte weiter teilen können und wir diese nicht löschen können."
@@ -698,6 +702,6 @@
     "addition" : {
       "title": "Zusätzliche machen wir regelmäßig Veranstaltungen, wo Du auch Eindrücke wiedergeben und Fragen stellen kannst. Du findest eine aktuelle Übersicht hier:",
       "description": "<a href=\"https://human-connection.org/veranstaltungen/\" target=\"_blank\" > https://human-connection.org/veranstaltungen/ </a>"
-    } 
+    }
   }
 }

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"
     },
@@ -671,7 +675,7 @@
     "terms-of-service": {
       "title": "Terms of Service",
       "description": "The following terms of use form the basis for the use of our network. When you register, you must accept them and we will inform you later about any changes that may take place. The Human Connection Network is operated in Germany and is therefore subject to German law. Place of jurisdiction is Kirchheim / Teck. For details see our imprint: <a href=\"https://human-connection.org/imprint\" target=\"_blank\" >https://human-connection.org/imprint</a> "
-    },   
+    },
     "use-and-license" : {
       "title": "Use and License",
       "description": "If any content you post to us is protected by intellectual property rights, you grant us a non-exclusive, transferable, sublicensable, worldwide license to use such content for posting to our network. This license expires when you delete your content or your entire account. Remember that others may share your content and we cannot delete it."
@@ -699,10 +703,10 @@
     "addition" : {
       "title": "In addition, we regularly hold events where you can also share your impressions and ask questions. You can find a current overview here:",
       "description": "<a href=\"https://human-connection.org/events/\" target=\"_blank\" > https://human-connection.org/events/ </a>"
-    } 
+    }
   }
 }
 
- 
- 
- 
+
+
+

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>