From ad48264a64d4ebef6e58d3095557a4790424a2eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Wed, 29 May 2019 00:38:30 +0200
Subject: [PATCH] Provide translations for filter menu

---
 webapp/components/FilterMenu/FilterMenu.vue | 35 +++++++++++++++------
 webapp/locales/de.json                      |  7 +++++
 webapp/locales/en.json                      |  7 +++++
 3 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/webapp/components/FilterMenu/FilterMenu.vue b/webapp/components/FilterMenu/FilterMenu.vue
index f06f6f37e..e0a7f04e3 100644
--- a/webapp/components/FilterMenu/FilterMenu.vue
+++ b/webapp/components/FilterMenu/FilterMenu.vue
@@ -1,21 +1,38 @@
 <template>
   <ds-card>
-    <ds-form>
-    <ds-radio buttons v-model="filter" label="Filter" :options="['friends', 'friends-of-a-friend', 'all']" />
-    </ds-form>
+    <ds-radio
+      v-model="filter"
+      buttons
+      label="Filter"
+      label-prop="text"
+      @input="handleInput"
+      :options="options"
+    />
   </ds-card>
 </template>
 
 <script>
-import Dropdown from '~/components/Dropdown'
 export default {
-  components: {
-    Dropdown
-  },
   data() {
+    // We have to fix styleguide here. It uses .includes wich will always be
+    // false for arrays of objects.
     return {
-      filter: 'all'
+      filter: { value: 'all', text: this.$t('filter-menu.options.all') },
     }
-  }
+  },
+  computed: {
+    options() {
+      return [
+        { value: 'friends', text: this.$t('filter-menu.options.friends') },
+        { value: 'friends-of-a-friend', text: this.$t('filter-menu.options.friends-of-a-friend') },
+        { value: 'all', text: this.$t('filter-menu.options.all') },
+      ]
+    },
+  },
+  methods: {
+    handleInput(e) {
+      // console.log('handleInput', e)
+    },
+  },
 }
 </script>
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 909659366..1e1f7786b 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -1,4 +1,11 @@
 {
+  "filter-menu": {
+    "options": {
+      "friends": "Nur Freunde",
+      "friends-of-a-friend": "Freunde von Freunden",
+      "all": "Alle"
+    }
+  },
   "login": {
     "copy": "Wenn Du bereits ein Konto bei Human Connection hast, melde Dich bitte hier an.",
     "login": "Einloggen",
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index bd517a7ce..4b75d5aa7 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -1,4 +1,11 @@
 {
+  "filter-menu": {
+    "options": {
+      "friends": "Only friends",
+      "friends-of-a-friend": "Friends of a friend",
+      "all": "All"
+    }
+  },
   "login": {
     "copy": "If you already have a human-connection account, login here.",
     "login": "Login",