fix lint and locales

webapp/components/Group/GroupForm.vue

@@ -30,7 +30,11 @@
           placeholder="Status ..."
         ></ds-select>
 
-        <ds-input v-model="formData.about" :label="$t('group.short-description')" 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"
@@ -112,7 +116,8 @@ export default {
     },
   },
   data() {
-    const { name, slug, groupType, about, description, actionRadius, locationName, categories } = this.group
+    const { name, slug, groupType, about, description, actionRadius, locationName, categories } =
+      this.group
     return {
       categoriesActive: this.$env.CATEGORIES_ACTIVE,
       disabled: false,
@@ -155,7 +160,8 @@ export default {
 
   methods: {
     submit() {
-      const { name, about, description, groupType, actionRadius, locationName, categoryIds } = this.formData
+      const { name, about, description, groupType, actionRadius, locationName, categoryIds } =
+        this.formData
       const variables = {
         name,
         about,

webapp/components/Group/GroupList.vue

@@ -1,8 +1,12 @@
 <template>
   <ds-container class="group-card">
     <ds-space>
-        <div @click="onlyOwnerGroups(true)" ref="myGruops"><ds-button >{{$t('group.show-my-created-groups')}}</ds-button ></div>
+      <div @click="onlyOwnerGroups(true)" ref="myGruops">
-        <div @click="onlyOwnerGroups(false)" ref="allGruops" hidden><ds-button >{{$t('group.show-all-my-groups')}}</ds-button ></div>
+        <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">
@@ -38,7 +42,13 @@
             </ds-space>
           </ds-flex-item>
           <ds-flex-item width="10%" centered>
-            <group-menu v-if="item.myRole === 'owner'" resource-type="group" :resource="item" :isOwner="item.myRole" @joinGroup="joinGroup"/>
+            <group-menu
+              v-if="item.myRole === 'owner'"
+              resource-type="group"
+              :resource="item"
+              :isOwner="item.myRole"
+              @joinGroup="joinGroup"
+            />
           </ds-flex-item>
         </ds-flex>
       </ds-card>

webapp/components/Group/GroupMember.vue

@@ -1,6 +1,8 @@
 <template>
   <div>
-    <ds-space><h3>{{$t('group.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">

webapp/components/Group/GroupMenu.vue

@@ -59,14 +59,14 @@ export default {
       if (this.resourceType === 'group') {
         if (this.isOwner === 'owner') {
           routes.push({
-            label: $t('admin.settings.name'),
+            label: this.$t('admin.settings.name'),
             path: `/group/edit/${this.resource.id}`,
             icon: 'edit',
           })
         }
         if (this.isOwner === 'usual') {
           routes.push({
-            label: $t('group.unfollowing'),
+            label: this.$t('group.unfollowing'),
             callback: () => {
               // this.$emit('join-group', this.resource)
             },
@@ -75,7 +75,7 @@ export default {
         }
         if (this.isOwner === 'pending') {
           routes.push({
-            label: $t('group.unfollowing'),
+            label: this.$t('group.unfollowing'),
             callback: () => {
               // this.removePending(this.resource)
             },
@@ -84,7 +84,7 @@ export default {
         }
         if (this.isOwner === null) {
           routes.push({
-            label: $t('group.follow'),
+            label: this.$t('group.follow'),
             callback: () => {
               this.$emit('joinGroup', this.resource)
             },

webapp/locales/de.json

@@ -371,28 +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",
-    "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",
+    "change-member-role": "Die Rolle wurde auf ({role}) geändert!",
     "follow": "Folge",
-    "settings":"Gruppeneinstellungen",
     "general": "Allgemein",
+    "group-created": "Die Gruppe wurde angelegt!",
+    "group-name": "Gruppenname",
+    "group-updated": "Die Gruppendaten wurden geändert!",
+    "long-description": "Beschreibung",
     "members": "Mitglieder",
-    "removemember":"Mitglied entfernen",
+    "myGroups": "Meine Gruppen",
-    "change-member-role":"Die Rolle wurde auf ({role}) geändert!"
+    "newGroup": "Erstelle eine neue Gruppe",
+    "radius": "Radius",
+    "remove-member": "Mitglied entfernen",
+    "reset-form": "Formular zurücksetzen",
+    "save": "Neue Gruppe anlegen",
+    "settings": "Gruppeneinstellungen",
+    "short-description": "Kurzbeschreibung",
+    "show-all-my-groups": "Alle meine Gruppen anzeigen",
+    "show-my-created-groups": "Meine angelegten Gruppen anzeigen",
+    "unfollowing": "Nicht mehr folgen",
+    "update": "Änderung speichern",
+    "visibility": "Sichtbarkeit"
   },
   "hashtags-filter": {
     "clearSearch": "Suche löschen",

webapp/locales/en.json

@@ -371,27 +371,28 @@
     "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",
-    "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",
+    "change-member-role": "The role has been changed to ({role})!",
     "follow": "Follow",
-    "settings":"Group Settings",
     "general": "General",
+    "group-created": "The group was created!",
+    "group-name": "Group name",
+    "group-updated": "The group data has been changed.",
+    "long-description": "Description",
     "members": "Members",
-    "remove-member":"Remove member"
+    "myGroups": "My Groups",
+    "newGroup": "Create a new Group",
+    "radius": "Radius",
+    "remove-member": "Remove member",
+    "reset-form": "Reset form",
+    "save": "Create new group",
+    "settings": "Group Settings",
+    "short-description": "Short description",
+    "show-all-my-groups": "show all groups",
+    "show-my-created-groups": "show only my groups",
+    "unfollowing": "unfollowing",
+    "update": "Save change",
+    "visibility": "Visibility"
   },
   "hashtags-filter": {
     "clearSearch": "Clear search",

webapp/pages/group/create.vue

@@ -29,10 +29,16 @@ export default {
   },
   methods: {
     async createGroup(value) {
-      console.log('createGroup')
-      console.log(value)
       const { name, about, description, groupType, actionRadius, locationName, categoryIds } = value
-      const variables = { name, about, description, groupType, actionRadius, locationName, categoryIds }
+      const variables = {
+        name,
+        about,
+        description,
+        groupType,
+        actionRadius,
+        locationName,
+        categoryIds,
+      }
       try {
         await this.$apollo.mutate({
           mutation: createGroupMutation,

webapp/pages/group/edit/_id.vue

@@ -34,11 +34,11 @@ export default {
     routes() {
       return [
         {
-          name: $t('group.general'), 
+          name: this.$t('group.general'),
           path: `/group/edit/${this.group.id}`,
         },
         {
-          name: $t('group.members'),
+          name: this.$t('group.members'),
           path: `/group/edit/${this.group.id}/members`,
         },
       ]

webapp/pages/group/edit/_id/index.vue

@@ -23,8 +23,18 @@ export default {
   },
   methods: {
     async updateGroup(value) {
-      const { id, name, about, description, groupType, actionRadius, locationName, categoryIds } = value
+      const { id, name, about, description, groupType, actionRadius, locationName, categoryIds } =
-      const variables = { id, name, about, description, groupType, actionRadius, locationName, categoryIds }
+        value
+      const variables = {
+        id,
+        name,
+        about,
+        description,
+        groupType,
+        actionRadius,
+        locationName,
+        categoryIds,
+      }
       try {
         await this.$apollo.mutate({
           mutation: updateGroupMutation,