From 7d5205e08badecf45feba2d3b0fbbc1c246f0c11 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 19 Sep 2022 18:27:41 +0200
Subject: [PATCH] translation of the texts

---
 webapp/components/Group/GroupForm.vue   | 22 +++++++++++-----------
 webapp/components/Group/GroupList.vue   |  4 ++--
 webapp/components/Group/GroupMember.vue | 10 +++++-----
 webapp/components/Group/GroupMenu.vue   |  8 ++++----
 webapp/locales/de.json                  | 20 ++++++++++++++++++--
 webapp/locales/en.json                  | 19 +++++++++++++++++--
 webapp/pages/group/create.vue           |  2 +-
 webapp/pages/group/edit/_id.vue         |  8 ++++----
 webapp/pages/my-groups.vue              |  2 +-
 9 files changed, 63 insertions(+), 32 deletions(-)

diff --git a/webapp/components/Group/GroupForm.vue b/webapp/components/Group/GroupForm.vue
index 3adf3204c..de0b1f38f 100644
--- a/webapp/components/Group/GroupForm.vue
+++ b/webapp/components/Group/GroupForm.vue
@@ -11,30 +11,30 @@
       >
         <ds-input
           v-model="formData.name"
-          label="Gruppenname"
-          placeholder="Your name ..."
+          :label="$t('group.group-name')"
+          :placeholder="`${$t('group.group-name')}…` "
         ></ds-input>
 
         <ds-input
           v-if="update"
           v-model="formData.slug"
-          label="Slug"
-          placeholder="Your name ..."
+          :label="$t('users.table.columns.slug')"
+          :placeholder="`${$t('group.group-name')}…` "
         ></ds-input>
 
         <ds-select
           icon="user"
           v-model="formData.groupType"
-          label="Sichtbarkeit"
+          :label="$t('group.visibility')"
           :options="['public', 'closed', 'hidden']"
           placeholder="Status ..."
         ></ds-select>
 
-        <ds-input v-model="formData.about" label="Kurzbeschreibung" rows="3"></ds-input>
+        <ds-input v-model="formData.about" :label="$t('group.short-description')" rows="3"></ds-input>
 
         <ds-input
           v-model="formData.description"
-          label="Beschreibung"
+          :label="$t('group.long-description')"
           type="textarea"
           rows="3"
         ></ds-input>
@@ -54,9 +54,9 @@
           <ds-select
             icon="card"
             v-model="formData.actionRadius"
-            label="Radius"
+            :label="$t('group.radius')"
             :options="['regional', 'national', 'continental', 'global']"
-            placeholder="Radius ..."
+            :placeholder="`${$t('group.radius')} …`"
           ></ds-select>
         </ds-space>
         <ds-space margin-top="large">
@@ -67,7 +67,7 @@
           />
         </ds-space>
         <ds-space margin-top="large">
-          <ds-button @click.prevent="reset()">Reset form</ds-button>
+          <ds-button @click.prevent="reset()">{{ $t('group.reset-form') }}</ds-button>
           <ds-button
             type="submit"
             @click.prevent="submit()"
@@ -80,7 +80,7 @@
         </ds-space>
       </ds-form>
       <ds-space centered v-show="!update">
-        <nuxt-link to="/my-groups">zurück</nuxt-link>
+        <nuxt-link to="/my-groups">{{$t('group.back')}}</nuxt-link>
       </ds-space>
     </ds-container>
   </div>
diff --git a/webapp/components/Group/GroupList.vue b/webapp/components/Group/GroupList.vue
index 590243277..5f3ab8d4d 100644
--- a/webapp/components/Group/GroupList.vue
+++ b/webapp/components/Group/GroupList.vue
@@ -1,8 +1,8 @@
 <template>
     <ds-container class="group-card">
       <ds-space>
-        <div @click="onlyOwnerGroups(true)" ref="myGruops"><ds-button >show only my groups</ds-button ></div>
-        <div @click="onlyOwnerGroups(false)" ref="allGruops" hidden><ds-button >show all groups</ds-button ></div>
+        <div @click="onlyOwnerGroups(true)" ref="myGruops"><ds-button >{{$t('group.show-my-created-groups')}}</ds-button ></div>
+        <div @click="onlyOwnerGroups(false)" ref="allGruops" hidden><ds-button >{{$t('group.show-all-my-groups')}}</ds-button ></div>
       </ds-space>
       <ds-space margin-bottom="small" v-for="item in items" :key="item.id"> 
         <ds-card  :ref="item.myRole === null ? 'null' : item.myRole">
diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index 00c3a4094..16f22eb2d 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <ds-space><h3>Members</h3></ds-space>
+    <ds-space><h3>{{$t('group.members')}}</h3></ds-space>
     <base-card>
       <ds-table :data="responseGroupMembersQuery" :fields="tableFields" condensed>
         <template slot="avatar">
@@ -32,12 +32,12 @@
     <ds-modal
       v-if="isOpen"
       v-model="isOpen"
-      title="delete member ?"
+      :title="`${$t('group.remove-member')} ?`"
       force
       extended
-      confirm-label="delete member"
+      :confirm-label="$t('group.remove-member')"
       @confirm="deleteMember(memberId)"
-      cancel-label="Please not"
+      :cancel-label="$t('actions.cancel')"
     />
   </div>
 </template>
@@ -72,7 +72,7 @@ export default {
           mutation: changeGroupMemberRoleMutation,
           variables: { groupId: this.groupId, userId: id, roleInGroup: newRole },
         })
-        this.$toast.success('Die Rolle wurde auf (' + newRole + ') geändert!')
+        this.$toast.success(this.$t('group.change-member-role', {role: newRole}))
       } catch (error) {
         this.$toast.error(error.message)
       }
diff --git a/webapp/components/Group/GroupMenu.vue b/webapp/components/Group/GroupMenu.vue
index deed94e75..58a2d60ae 100644
--- a/webapp/components/Group/GroupMenu.vue
+++ b/webapp/components/Group/GroupMenu.vue
@@ -59,14 +59,14 @@ export default {
       if (this.resourceType === 'group') {
         if (this.isOwner === 'owner') {
           routes.push({
-            label: 'Settings',
+            label: $t('admin.settings.name'),
             path: `/group/edit/${this.resource.id}`,
             icon: 'edit',
           })
         }
         if (this.isOwner === 'usual') {
           routes.push({
-            label: 'Unfollowing',
+            label: $t('group.unfollowing'),
             callback: () => {
               // this.$emit('join-group', this.resource)
             },
@@ -75,7 +75,7 @@ export default {
         }
         if (this.isOwner === 'pending') {
           routes.push({
-            label: 'Unfollowing',
+            label: $t('group.unfollowing'),
             callback: () => {
               // this.removePending(this.resource)
             },
@@ -84,7 +84,7 @@ export default {
         }
         if (this.isOwner === null) {
           routes.push({
-            label: 'Following',
+            label: $t('group.follow'),
             callback: () => {
                 this.$emit('joinGroup', this.resource)
             },
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 4e046044b..172c6233a 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -371,11 +371,28 @@
     "following": "Folge Ich"
   },
   "group": {
+    "group-name":"Gruppenname",
+    "myGroups": "Meine Gruppen",
     "group-created": "Die Gruppe wurde angelegt!",
     "group-updated": "Die Gruppendaten wurden geändert!",
     "newGroup": "Erstelle eine neue Gruppe",
     "save": "Neue Gruppe anlegen",
-    "update": "Änderung speichern"
+    "update": "Änderung speichern",
+    "show-my-created-groups":"Meine angelegten Gruppen anzeigen",
+    "show-all-my-groups":"Alle meine Gruppen anzeigen",
+    "visibility":"Sichtbarkeit",
+    "short-description":"Kurzbeschreibung",
+    "long-description":"Beschreibung",
+    "radius":"Radius",
+    "reset-form":"Formular zurücksetzen",
+    "back":"zurück",
+    "unfollowing":"Nicht mehr folgen",
+    "follow":"Folge",
+    "settings":"Gruppeneinstellungen",
+    "general":"Allgemein",
+    "members":"Mitglieder",
+    "removemember":"Mitglied entfernen",
+    "change-member-role":"Die Rolle wurde auf ({role}) geändert!"
   },
   "hashtags-filter": {
     "clearSearch": "Suche löschen",
@@ -754,7 +771,6 @@
       "unmute": "Stummschaltung aufheben",
       "unmuted": "{name} ist nicht mehr stummgeschaltet"
     },
-    "myGroups": "Meine Gruppen",
     "name": "Einstellungen",
     "notifications": {
       "name": "Benachrichtigungen",
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 2f5bef5fe..26db326a4 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -371,11 +371,27 @@
     "following": "Following"
   },
   "group": {
+    "group-name":"Group name",
+    "myGroups": "My Groups",
     "group-created": "The group was created!",
     "group-updated": "The group data has been changed.",
     "newGroup": "Create a new Group",
     "save": "Create new group",
-    "update": "Save change"
+    "update": "Save change",
+    "show-my-created-groups":"show only my groups",
+    "show-all-my-groups":"show all groups",
+    "visibility":"Visibility",
+    "short-description":"Short description",
+    "long-description":"Description",
+    "radius":"Radius",
+    "reset-form":"Reset form",
+    "back":"back",
+    "unfollowing":"unfollowing",
+    "follow":"Follow",
+    "settings":"Group Settings",
+    "general":"General",
+    "members":"Members",
+    "remove-member":"Remove member"
   },
   "hashtags-filter": {
     "clearSearch": "Clear search",
@@ -754,7 +770,6 @@
       "unmute": "Unmute user",
       "unmuted": "{name} is unmuted again"
     },
-    "myGroups": "My Groups",
     "name": "Settings",
     "notifications": {
       "name": "Notifications",
diff --git a/webapp/pages/group/create.vue b/webapp/pages/group/create.vue
index 0a050c7cc..bbc10e131 100644
--- a/webapp/pages/group/create.vue
+++ b/webapp/pages/group/create.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <ds-section>
-      <h1 class="ds-heading ds-heading-h1">Create New Groupe</h1>
+      <h1 class="ds-heading ds-heading-h1">{{$t('group.newGroup')}}Create New Groupe</h1>
     </ds-section>
     <ds-space margin="large">
       <ds-flex :width="{ base: '100%' }" gutter="base">
diff --git a/webapp/pages/group/edit/_id.vue b/webapp/pages/group/edit/_id.vue
index aa6fc6539..938d6f26a 100644
--- a/webapp/pages/group/edit/_id.vue
+++ b/webapp/pages/group/edit/_id.vue
@@ -2,7 +2,7 @@
   <div>
     <ds-section>
       <h1 class="ds-heading ds-heading-h1">{{ group.name }}</h1>
-      <div class="">Group Setting</div>
+      <div class="">{{$t('group.settings')}}</div>
     </ds-section>
     <ds-space margin="large">
       <ds-flex gutter="small">
@@ -17,7 +17,7 @@
       </ds-flex>
     </ds-space>
     <ds-space centered>
-      <nuxt-link to="/my-groups">zurück</nuxt-link>
+      <nuxt-link to="/my-groups">{{$t('group.back')}}</nuxt-link>
     </ds-space>
   </div>
 </template>
@@ -34,11 +34,11 @@ export default {
     routes() {
       return [
         {
-          name: 'General',
+          name: $t('group.general'), 
           path: `/group/edit/${this.group.id}`,
         },
         {
-          name: 'Members',
+          name: $t('group.members'),
           path: `/group/edit/${this.group.id}/members`,
         },
       ]
diff --git a/webapp/pages/my-groups.vue b/webapp/pages/my-groups.vue
index 888f6280c..b91fcec48 100644
--- a/webapp/pages/my-groups.vue
+++ b/webapp/pages/my-groups.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <ds-section>
-      <h1 class="ds-heading ds-heading-h1">My Groups</h1>
+      <h1 class="ds-heading ds-heading-h1">{{$t('group.myGroups')}}</h1>
       <nuxt-link :to="{ name: 'group-create' }">
         <base-button
           v-tooltip="{