From cb1815b5603e40c5e773f66b4facdc9da038f4ad Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Mon, 17 Dec 2018 21:57:08 +0100
Subject: [PATCH] added locales to admin and settings

---
 pages/admin.vue                               | 22 ++++++++--------
 pages/admin/categories.vue                    | 16 ++++++++++--
 pages/admin/index.vue                         | 18 ++++++-------
 pages/admin/notifications.vue                 |  8 +++---
 pages/admin/organizations.vue                 |  2 +-
 pages/admin/pages.vue                         |  2 +-
 pages/admin/settings.vue                      |  2 +-
 pages/admin/tags.vue                          | 24 ++++++++++++-----
 pages/admin/users.vue                         |  2 +-
 pages/settings.vue                            | 26 +++++++++----------
 pages/settings/data-download.vue              |  2 +-
 pages/settings/delete-account.vue             |  2 +-
 pages/settings/index.vue                      |  4 ++-
 pages/settings/invites.vue                    |  2 +-
 .../settings/{settings.vue => languages.vue}  |  2 +-
 pages/settings/my-organizations.vue           |  2 +-
 pages/settings/{password.vue => security.vue} |  2 +-
 17 files changed, 81 insertions(+), 57 deletions(-)
 rename pages/settings/{settings.vue => languages.vue} (69%)
 rename pages/settings/{password.vue => security.vue} (69%)

diff --git a/pages/admin.vue b/pages/admin.vue
index 8d2286ae6..214e7bd0f 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <ds-heading tag="h1">
-      Administartion
+      {{ $t('admin.name') }}
     </ds-heading>
     <ds-flex gutter="small">
       <ds-flex-item :width="{ base: '200px' }">
@@ -21,35 +21,35 @@
 
 <script>
 export default {
-  data() {
-    return {
-      routes: [
+  computed: {
+    routes() {
+      return [
         {
-          name: 'Dashboard',
+          name: this.$t('admin.dashboard.name'),
           path: `/admin`
         },
         {
-          name: 'Users',
+          name: this.$t('admin.users.name'),
           path: `/admin/users`
         },
         {
-          name: 'Organizations',
+          name: this.$t('admin.organizations.name'),
           path: `/admin/organizations`
         },
         {
-          name: 'Pages',
+          name: this.$t('admin.pages.name'),
           path: `/admin/pages`
         },
         {
-          name: 'Notifications',
+          name: this.$t('admin.notifications.name'),
           path: `/admin/notifications`
         },
         {
-          name: 'Categories',
+          name: this.$t('admin.categories.name'),
           path: `/admin/categories`
         },
         {
-          name: 'Tags',
+          name: this.$t('admin.tags.name'),
           path: `/admin/tags`
         },
         {
diff --git a/pages/admin/categories.vue b/pages/admin/categories.vue
index e09db79c0..14fee98b6 100644
--- a/pages/admin/categories.vue
+++ b/pages/admin/categories.vue
@@ -1,11 +1,11 @@
 <template>
   <ds-card space="small">
     <ds-heading tag="h3">
-      Themen / Kategorien
+      {{ $t('admin.categories.name') }}
     </ds-heading>
     <ds-table
       :data="Category"
-      :fields="['icon', 'name', 'postCount']"
+      :fields="fields"
       condensed
     >
       <template
@@ -27,6 +27,18 @@ export default {
       Category: []
     }
   },
+  computed: {
+    fields() {
+      return {
+        icon: ' ',
+        name: this.$t('admin.categories.categoryName'),
+        postCount: {
+          label: this.$t('admin.categories.postCount'),
+          align: 'right'
+        }
+      }
+    }
+  },
   apollo: {
     Category: {
       query: gql(`
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index ac9acf648..3841496f8 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -7,7 +7,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Users"
+                :label="$t('admin.dashboard.users')"
                 size="x-large"
                 uppercase
               >
@@ -24,7 +24,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Posts"
+                :label="$t('admin.dashboard.posts')"
                 size="x-large"
                 uppercase
               >
@@ -41,7 +41,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Comments"
+                :label="$t('admin.dashboard.comments')"
                 size="x-large"
                 uppercase
               >
@@ -58,7 +58,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Notifications"
+                :label="$t('admin.dashboard.notifications')"
                 size="x-large"
                 uppercase
               >
@@ -75,7 +75,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Organization"
+                :label="$t('admin.dashboard.organizations')"
                 size="x-large"
                 uppercase
               >
@@ -92,7 +92,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Projects"
+                :label="$t('admin.dashboard.projects')"
                 size="x-large"
                 uppercase
               >
@@ -109,7 +109,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Open Invites"
+                :label="$t('admin.dashboard.invites')"
                 size="x-large"
                 uppercase
               >
@@ -126,7 +126,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Follows"
+                :label="$t('admin.dashboard.follows')"
                 size="x-large"
                 uppercase
               >
@@ -143,7 +143,7 @@
             <ds-space margin="small">
               <ds-number
                 :count="0"
-                label="Shouts"
+                :label="$t('admin.dashboard.shouts')"
                 size="x-large"
                 uppercase
               >
diff --git a/pages/admin/notifications.vue b/pages/admin/notifications.vue
index 8afa84c34..59d9ab693 100644
--- a/pages/admin/notifications.vue
+++ b/pages/admin/notifications.vue
@@ -1,7 +1,7 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      Notifications...
-    </ds-space>
+  <ds-card space="small">
+    <ds-heading tag="h3">
+      {{ $t('admin.notifications.name') }}
+    </ds-heading>
   </ds-card>
 </template>
diff --git a/pages/admin/organizations.vue b/pages/admin/organizations.vue
index f2ae47c18..dbc3bf38c 100644
--- a/pages/admin/organizations.vue
+++ b/pages/admin/organizations.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Organizations...
+      {{ $t('admin.organizations.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/admin/pages.vue b/pages/admin/pages.vue
index 3474cf612..a6ef7af4a 100644
--- a/pages/admin/pages.vue
+++ b/pages/admin/pages.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Pages...
+      {{ $t('admin.pages.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/admin/settings.vue b/pages/admin/settings.vue
index f5f2f694d..143607b0e 100644
--- a/pages/admin/settings.vue
+++ b/pages/admin/settings.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Settings...
+      {{ $t('admin.settings.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/admin/tags.vue b/pages/admin/tags.vue
index a0866fb8e..0bcb0aa07 100644
--- a/pages/admin/tags.vue
+++ b/pages/admin/tags.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card space="small">
     <ds-heading tag="h3">
-      Tags
+      {{ $t('admin.tags.name') }}
     </ds-heading>
     <ds-table
       :data="Tag"
@@ -24,12 +24,22 @@ import gql from 'graphql-tag'
 export default {
   data() {
     return {
-      Tag: [],
-      fields: {
-        id: { label: '#' },
-        name: { label: 'Name' },
-        taggedCountUnique: { label: 'Nutzer' },
-        taggedCount: { label: 'Beiträge' }
+      Tag: []
+    }
+  },
+  computed: {
+    fields() {
+      return {
+        id: '#',
+        name: 'Name',
+        taggedCountUnique: {
+          label: this.$t('admin.tags.tagCountUnique'),
+          align: 'right'
+        },
+        taggedCount: {
+          label: this.$t('admin.tags.tagCount'),
+          align: 'right'
+        }
       }
     }
   },
diff --git a/pages/admin/users.vue b/pages/admin/users.vue
index 4fc462ec9..af5c0e4e7 100644
--- a/pages/admin/users.vue
+++ b/pages/admin/users.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Users...
+      {{ $t('admin.users.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/settings.vue b/pages/settings.vue
index cf93cbfa4..f97376a62 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <ds-heading tag="h1">
-      Settings
+      {{ $t('settings.name') }}
     </ds-heading>
     <ds-flex gutter="small">
       <ds-flex-item :width="{ base: '200px' }">
@@ -21,36 +21,36 @@
 
 <script>
 export default {
-  data() {
-    return {
-      routes: [
+  computed: {
+    routes() {
+      return [
         {
-          name: 'Your Data',
+          name: this.$t('settings.data.name'),
           path: `/settings`
         },
         {
-          name: 'Password',
-          path: `/settings/password`
+          name: this.$t('settings.security.name'),
+          path: `/settings/security`
         },
         {
-          name: 'Invites',
+          name: this.$t('settings.invites.name'),
           path: `/settings/invites`
         },
         {
-          name: 'Data Download',
+          name: this.$t('settings.download.name'),
           path: `/settings/data-download`
         },
         {
-          name: 'Delete Account',
+          name: this.$t('settings.delete.name'),
           path: `/settings/delete-account`
         },
         {
-          name: 'My Organizations',
+          name: this.$t('settings.organizations.name'),
           path: `/settings/my-organizations`
         },
         {
-          name: 'Settings',
-          path: `/settings/settings`
+          name: this.$t('settings.languages.name'),
+          path: `/settings/languages`
         }
       ]
     }
diff --git a/pages/settings/data-download.vue b/pages/settings/data-download.vue
index cb70be586..db99049db 100644
--- a/pages/settings/data-download.vue
+++ b/pages/settings/data-download.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Download my Data...
+      {{ $t('settings.download.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/settings/delete-account.vue b/pages/settings/delete-account.vue
index 8c9a02558..f28b777e6 100644
--- a/pages/settings/delete-account.vue
+++ b/pages/settings/delete-account.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Delete my Account...
+      {{ $t('settings.delete.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/settings/index.vue b/pages/settings/index.vue
index 048d0d2bb..a6b415a7c 100644
--- a/pages/settings/index.vue
+++ b/pages/settings/index.vue
@@ -1,5 +1,7 @@
 <template>
   <ds-card>
-    <p>My Data...</p>
+    <ds-space margin="small">
+      {{ $t('settings.data.name') }}
+    </ds-space>
   </ds-card>
 </template>
diff --git a/pages/settings/invites.vue b/pages/settings/invites.vue
index 2ca110f6f..7ae049e27 100644
--- a/pages/settings/invites.vue
+++ b/pages/settings/invites.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Invites...
+      {{ $t('settings.invites.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/settings/settings.vue b/pages/settings/languages.vue
similarity index 69%
rename from pages/settings/settings.vue
rename to pages/settings/languages.vue
index f5f2f694d..b1c253316 100644
--- a/pages/settings/settings.vue
+++ b/pages/settings/languages.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Settings...
+      {{ $t('settings.languages.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/settings/my-organizations.vue b/pages/settings/my-organizations.vue
index c3c32f377..62cd74fd1 100644
--- a/pages/settings/my-organizations.vue
+++ b/pages/settings/my-organizations.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      My Organizations...
+      {{ $t('settings.organizations.name') }}
     </ds-space>
   </ds-card>
 </template>
diff --git a/pages/settings/password.vue b/pages/settings/security.vue
similarity index 69%
rename from pages/settings/password.vue
rename to pages/settings/security.vue
index 8914ef00e..3ac2e7748 100644
--- a/pages/settings/password.vue
+++ b/pages/settings/security.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card>
     <ds-space margin="small">
-      Change my Password...
+      {{ $t('settings.security.name') }}
     </ds-space>
   </ds-card>
 </template>