From 11f5ce746a20ff13b3f3155863472e9fcac13c0e Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 17 Oct 2022 16:47:37 +0200
Subject: [PATCH 01/10] search input for invite user in group

---
 webapp/components/Group/GroupMember.vue | 27 +++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index 28412d33a..525c95127 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -1,5 +1,24 @@
 <template>
   <div>
+    <base-card>
+      <h2 class="title">{{ $t('admin.users.name') }}</h2>
+      <ds-form v-model="form" @submit="submit">
+        <ds-flex gutter="small">
+          <ds-flex-item width="90%">
+            <ds-input
+              name="query"
+              model="query"
+              :placeholder="$t('admin.users.form.placeholder')"
+              icon="search"
+            />
+          </ds-flex-item>
+          <ds-flex-item width="30px">
+            <!-- <base-button filled circle type="submit" icon="search" :loading="$apollo.loading" /> -->
+            <base-button filled circle type="submit" icon="search"  />
+          </ds-flex-item>
+        </ds-flex>
+      </ds-form>
+    </base-card>
     <ds-table :fields="tableFields" :data="groupMembers" condensed>
       <template #avatar="scope">
         <nuxt-link
@@ -74,6 +93,7 @@
   </div>
 </template>
 <script>
+import { User } from '~/graphql/User'
 import { changeGroupMemberRoleMutation } from '~/graphql/groups.js'
 
 export default {
@@ -92,6 +112,9 @@ export default {
     return {
       isOpen: false,
       memberId: null,
+      form: {
+          query: '',
+      },
     }
   },
   computed: {
@@ -121,6 +144,7 @@ export default {
     },
   },
   methods: {
+    
     async changeMemberRole(id, event) {
       const newRole = event.target.value
       try {
@@ -135,6 +159,9 @@ export default {
         this.$toast.error(error.message)
       }
     },
+    async submit() {
+      console.log('submit', this.form.query)
+    }
     // TODO: implement removal of group members
     // openModal(row) {
     //   this.isOpen = true

From d33bac1f4a3a46cd6da1d09eb17cc30b1b385afa Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Tue, 18 Oct 2022 10:53:45 +0200
Subject: [PATCH 02/10] updated issue templates to the latest version of
 https://github.com/ulfgebhardt/issue-templates - featuring release and some
 minor updates

---
 .github/ISSUE_TEMPLATE.md                          |  2 ++
 .github/ISSUE_TEMPLATE/bug_report.md               | 11 +++++------
 .github/ISSUE_TEMPLATE/devops_ticket.md            | 11 +++++------
 .github/ISSUE_TEMPLATE/epic.md                     | 12 +++++-------
 .github/ISSUE_TEMPLATE/feature_request.md          | 11 +++++------
 .github/ISSUE_TEMPLATE/question.md                 | 14 ++++++--------
 .../{refactor_tickets.md => refactor_ticket.md}    |  9 ++++-----
 .github/ISSUE_TEMPLATE/release.md                  | 13 +++++++++++++
 .github/PULL_REQUEST_TEMPLATE.md                   | 14 +++++++-------
 9 files changed, 52 insertions(+), 45 deletions(-)
 rename .github/ISSUE_TEMPLATE/{refactor_tickets.md => refactor_ticket.md} (58%)
 create mode 100644 .github/ISSUE_TEMPLATE/release.md

diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
index 733258372..2be4b51dd 100644
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,3 +1,5 @@
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
+
 <!--
 Please take a look at the issue templates at https://github.com/Ocelot-Social-Community/Ocelot-Social/issues/new/choose
 before submitting a new issue. Following one of the issue templates will ensure maintainers can route your request efficiently.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 1fe27f6c6..bd02cfe22 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -1,11 +1,10 @@
 ---
-name: "\U0001F41B Bug Report"
-about: Create a report to help us to improve.
-title: "\U0001F41B [Bug] XXX"
+name: 🐛 Bug report
+about: Create a report to help us improve
 labels: bug
-assignees: ''
-
+title: 🐛 [Bug] 
 ---
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
 
-## :bug: Bug Report
+## 🐛 Bugreport
 <!-- Describe your issue in detail. Include screenshots if needed. Give us as much information as possible. Use a clear and concise description of what the bug is.-->
diff --git a/.github/ISSUE_TEMPLATE/devops_ticket.md b/.github/ISSUE_TEMPLATE/devops_ticket.md
index 17533cd54..981d0fdd6 100644
--- a/.github/ISSUE_TEMPLATE/devops_ticket.md
+++ b/.github/ISSUE_TEMPLATE/devops_ticket.md
@@ -1,11 +1,10 @@
 ---
-name: "\U0001F4A5 DevOps Ticket"
-about: Help us manage our deployed app.
-title: "\U0001F4A5 [DevOps] XXX"
+name: 💥 DevOps ticket
+about: Help us manage our deployed Software.
 labels: devops
-assignees: ''
-
+title: 💥 [DevOps]
 ---
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
 
-## 💥 DevOps Ticket
+## 💥 DevOps ticket
 <!-- Describe your issue in detail. Include screenshots if needed. Give us as much information as possible. Use a clear and concise description of what the problem is.-->
diff --git a/.github/ISSUE_TEMPLATE/epic.md b/.github/ISSUE_TEMPLATE/epic.md
index 57eca6dfe..af511e6e2 100644
--- a/.github/ISSUE_TEMPLATE/epic.md
+++ b/.github/ISSUE_TEMPLATE/epic.md
@@ -1,15 +1,13 @@
 ---
-name: "\U0001F31F Epic"
-about: Define a big development step.
-title: "\U0001F31F [EPIC] XXX"
+name: 🌟 Epic
+about: Define a big development Step
 labels: epic
-assignees: ''
-
+title: 🌟 [EPIC] 
 ---
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
 
 <!-- THIS ISSUE-TYPE IS NOT FOR YOU! -->
-<!-- If you need an answer right away, visit the ocelot.social Discord:
-https://discord.gg/AJSX9DCSUA -->
+<!-- Proceed only if you know what you are doing - have a chat with Project's Team first -->
 
 ## 🌟 EPIC
 <!-- Describe your Epic in detail. Include screenshots and drawings -->
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
index 22cd5045e..f313740a5 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -1,11 +1,10 @@
 ---
-name: "\U0001F680 Feature Request"
-about: Suggest an idea for this project.
-title: "\U0001F680 [Feature] XXX"
+name: 🚀 Feature request
+about: Suggest an idea for this project
 labels: feature
-assignees: ''
-
+title: 🚀 [Feature] 
 ---
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
 
-## :rocket: Feature Request
+## 🚀 Feature
 <!-- Give a short summary of the Feature. Use Screenshots if you want. -->
diff --git a/.github/ISSUE_TEMPLATE/question.md b/.github/ISSUE_TEMPLATE/question.md
index f2328dcc7..b57adcd06 100644
--- a/.github/ISSUE_TEMPLATE/question.md
+++ b/.github/ISSUE_TEMPLATE/question.md
@@ -1,15 +1,13 @@
 ---
-name: "\U0001F4AC Question"
-about: If you need help understanding ocelot.social.
-title: "\U0001F4AC [Question] XXX"
+name: 💬 Question
+about: If you need help understanding our Software.
 labels: question
-assignees: ''
-
+title: 💬 [Question] 
 ---
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
 
-<!-- Chat with ocelot.social team -->
-<!-- If you need an answer right away, visit the ocelot.social Discord:
-https://discord.gg/AJSX9DCSUA -->
+<!-- Question the project's team -->
+<!-- If you need an answer right away, consider to take other means of communication with the project's team -->
 
 ## 💬 Question
 <!-- Describe your Question in detail. Include screenshots and drawings if needed. -->
diff --git a/.github/ISSUE_TEMPLATE/refactor_tickets.md b/.github/ISSUE_TEMPLATE/refactor_ticket.md
similarity index 58%
rename from .github/ISSUE_TEMPLATE/refactor_tickets.md
rename to .github/ISSUE_TEMPLATE/refactor_ticket.md
index 867c809ae..b75f7b5fc 100644
--- a/.github/ISSUE_TEMPLATE/refactor_tickets.md
+++ b/.github/ISSUE_TEMPLATE/refactor_ticket.md
@@ -1,11 +1,10 @@
 ---
-name: "\U0001F527 Refactor"
+name: 🔧 Refactor ticket
 about: Help us improve our code by refactoring it.
-title: "\U0001F527 [Refactor] XXX"
 labels: refactor
-assignees: ''
-
+title: 🔧 [Refactor]
 ---
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
 
-## 🔧 Refactor
+## 🔧 Refactor ticket
 <!-- Describe your issue in detail. Include screenshots if needed. Give us as much information as possible. Use a clear and concise description of what the problem is.-->
diff --git a/.github/ISSUE_TEMPLATE/release.md b/.github/ISSUE_TEMPLATE/release.md
new file mode 100644
index 000000000..c9f4b787d
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/release.md
@@ -0,0 +1,13 @@
+---
+name: 🎂 Release
+about: Define a Release
+labels: release
+title: 🎂 [RELEASE] 
+---
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
+
+<!-- THIS ISSUE-TYPE IS NOT FOR YOU! -->
+<!-- Proceed only if you know what you are doing - have a chat with Project's Team first -->
+
+## 🎂 RELEASE
+<!-- Describe your Release in detail. Include screenshots and drawings -->
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 655c5cc93..d40a2770a 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,15 +1,15 @@
-## 🍰 Pull Request
+<!-- You can find the latest issue templates here https://github.com/ulfgebhardt/issue-templates -->
+
+## 🍰 Pullrequest
 <!-- Describe the Pullrequest. Use Screenshots if possible. -->
 
-XXX
-
 ### Issues
-<!-- Which Issues does this fix, which are related? -->
-
+<!-- Which Issues does this fix, which are related?
 - fixes #XXX
 - relates #XXX
+-->
+- None
 
 ### Todo
 <!-- In case some parts are still missing, list them here. -->
-
-- [ ] XXX list here …
+- [X] None

From a8cf6acd931040a0c0301d236a1eeadfbce274b3 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 18 Oct 2022 13:38:05 +0200
Subject: [PATCH 03/10] add slug user to group member

---
 webapp/components/Group/GroupMember.vue | 55 +++++++++++++++++++++----
 webapp/graphql/User.js                  |  4 +-
 webapp/locales/de.json                  |  1 +
 webapp/locales/en.json                  |  1 +
 4 files changed, 52 insertions(+), 9 deletions(-)

diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index 525c95127..df3b899d2 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -18,6 +18,13 @@
           </ds-flex-item>
         </ds-flex>
       </ds-form>
+      <div v-if="noSlug">Kein User mit diesem Slug gefunden!</div>
+      <div v-if="slugUser.length > 0">
+        {{slugUser}}
+        <ds-button size="small" primary @click="addMemberToGroup(slugUser)">
+          {{ $t('group.addMemberToGroup') }}
+        </ds-button>
+      </div>
     </base-card>
     <ds-table :fields="tableFields" :data="groupMembers" condensed>
       <template #avatar="scope">
@@ -70,7 +77,7 @@
         </ds-chip>
       </template>
       <template #edit="scope">
-        <ds-button size="small" primary :disabled="true" @click="openModal(scope.row)">
+        <ds-button  v-if="scope.row.myRoleInGroup !== 'owner'" size="small" primary @click="deleteMember(scope.row.id)">
           <!-- TODO: implement removal of group members -->
           <!--           :disabled="scope.row.myRoleInGroup === 'owner'"
  -->
@@ -93,7 +100,7 @@
   </div>
 </template>
 <script>
-import { User } from '~/graphql/User'
+import { minimisedUserQuery } from '~/graphql/User'
 import { changeGroupMemberRoleMutation } from '~/graphql/groups.js'
 
 export default {
@@ -112,6 +119,8 @@ export default {
     return {
       isOpen: false,
       memberId: null,
+      noSlug: false,
+      slugUser: [],
       form: {
           query: '',
       },
@@ -159,17 +168,49 @@ export default {
         this.$toast.error(error.message)
       }
     },
+    async addMemberToGroup () {
+      const newRole = 'usual'
+      try {
+        await this.$apollo.mutate({
+          mutation: changeGroupMemberRoleMutation(),
+          variables: { groupId: this.groupId, userId: this.slugUser[0].id, roleInGroup: newRole },
+        })
+        this.$toast.success(
+          this.$t('group.changeMemberRole', { role: this.$t(`group.roles.${newRole}`) }),
+        )
+      } catch (error) {
+        this.$toast.error(error.message)
+      }
+    },
     async submit() {
-      console.log('submit', this.form.query)
-    }
+      try {
+        const {
+          data: { User },
+        } = await this.$apollo.query({
+          query: minimisedUserQuery(),
+          variables: {
+            slug: this.form.query,
+          },
+        })
+        if(User.length === 0)  { 
+          this.noSlug = true
+        } else {
+          this.noSlug = false
+          this.slugUser = User
+        }
+      } catch (error) {
+        this.noSlug = true
+      } finally {
+      }
+    },
     // TODO: implement removal of group members
     // openModal(row) {
     //   this.isOpen = true
     //   this.memberId = row.id
     // },
-    // deleteMember(id) {
-    //   alert('deleteMember: ' + id)
-    // },
+    deleteMember(id) {
+      alert('deleteMember: ' + id)
+    },
   },
 }
 </script>
diff --git a/webapp/graphql/User.js b/webapp/graphql/User.js
index 5c29bc0b4..0d3a24d8b 100644
--- a/webapp/graphql/User.js
+++ b/webapp/graphql/User.js
@@ -49,8 +49,8 @@ export default (i18n) => {
 
 export const minimisedUserQuery = () => {
   return gql`
-    query {
-      User(orderBy: slug_asc) {
+    query ($slug: String) {
+      User(slug: $slug, orderBy: slug_asc) {
         id
         slug
         name
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 6375ca48f..356c3ca3c 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -440,6 +440,7 @@
       "roleInGroup": "Rolle",
       "slug": "Eindeutiger Name"
     },
+    "addMemberToGroup":"zur Gruppe hinzufügen",
     "membersCount": "Mitglied ::: Mitglieder",
     "membersListTitle": "Gruppenmitglieder",
     "membersListTitleNotAllowedSeeingGroupMembers": "Gruppenmitglieder unsichtbar",
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index aab9c6f83..924f56f3a 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -441,6 +441,7 @@
       "slug": "Unique name"
     },
     "membersCount": "Member ::: Members",
+    "addMemberToGroup":"zur Gruppe hinzufügen",
     "membersListTitle": "Group Members",
     "membersListTitleNotAllowedSeeingGroupMembers": "Group Members invisible",
     "myGroups": "My Groups",

From 548dcaaf6e9e2b756b0c102cbbd3404cef8a5ecb Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 18 Oct 2022 14:23:14 +0200
Subject: [PATCH 04/10] dynamic load by add new group member per slug

---
 webapp/components/Group/GroupMember.vue | 4 ++++
 webapp/pages/group/edit/_id/members.vue | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index df3b899d2..97ba73b13 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -175,6 +175,10 @@ export default {
           mutation: changeGroupMemberRoleMutation(),
           variables: { groupId: this.groupId, userId: this.slugUser[0].id, roleInGroup: newRole },
         })
+        // this.$apollo.queries.GroupMembers.refetch()
+         this.$emit('loadGroupMembers')
+         this.slugUser = []
+         this.form.query = ''
         this.$toast.success(
           this.$t('group.changeMemberRole', { role: this.$t(`group.roles.${newRole}`) }),
         )
diff --git a/webapp/pages/group/edit/_id/members.vue b/webapp/pages/group/edit/_id/members.vue
index eeeee05d1..794907796 100644
--- a/webapp/pages/group/edit/_id/members.vue
+++ b/webapp/pages/group/edit/_id/members.vue
@@ -3,7 +3,7 @@
     <base-card>
       <ds-heading tag="h3">{{ $t('group.members') }}</ds-heading>
       <ds-space margin="large" />
-      <group-member :groupId="group.id" :groupMembers="groupMembers" />
+      <group-member :groupId="group.id" :groupMembers="groupMembers" @loadGroupMembers="loadGroupMembers" />
     </base-card>
   </div>
 </template>
@@ -44,5 +44,11 @@ export default {
       fetchPolicy: 'cache-and-network',
     },
   },
+  methods: {
+    loadGroupMembers(){
+      this.$apollo.queries.GroupMembers.refetch()
+      console.log('loadGroupMembers this.GroupMembers', this.GroupMembers)
+    }
+  },
 }
 </script>

From 3c4d4bb8ebc8a7284c327d8c500feabea92e6a0f Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 18 Oct 2022 14:43:29 +0200
Subject: [PATCH 05/10] style flex find user per slug

---
 webapp/components/Group/GroupMember.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index 97ba73b13..cb181a1eb 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -20,10 +20,18 @@
       </ds-form>
       <div v-if="noSlug">Kein User mit diesem Slug gefunden!</div>
       <div v-if="slugUser.length > 0">
-        {{slugUser}}
-        <ds-button size="small" primary @click="addMemberToGroup(slugUser)">
-          {{ $t('group.addMemberToGroup') }}
-        </ds-button>
+        <ds-space margin="base" />
+        <ds-flex>
+          <ds-flex-item><ds-avatar online size="small" :name="slugUser[0].name"></ds-avatar></ds-flex-item>
+          <ds-flex-item>{{ slugUser[0].name }}</ds-flex-item>
+          <ds-flex-item>{{ slugUser[0].slug }}</ds-flex-item>
+          <ds-flex-item>
+            <ds-button size="small" primary @click="addMemberToGroup(slugUser)">
+              {{ $t('group.addMemberToGroup') }}
+            </ds-button>
+          </ds-flex-item>
+        </ds-flex>
+        <ds-space margin="base" />
       </div>
     </base-card>
     <ds-table :fields="tableFields" :data="groupMembers" condensed>

From 79644cb60a0169886d1198a58d9df28790b5b976 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 18 Oct 2022 19:29:48 +0200
Subject: [PATCH 06/10] add locals for group member

---
 webapp/components/Group/GroupMember.vue | 30 +++++++++++++++----------
 webapp/locales/de.json                  |  4 +++-
 webapp/locales/en.json                  |  4 +++-
 webapp/pages/group/edit/_id/members.vue | 11 +++++----
 4 files changed, 31 insertions(+), 18 deletions(-)

diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index cb181a1eb..e508d4719 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -1,20 +1,20 @@
 <template>
   <div>
     <base-card>
-      <h2 class="title">{{ $t('admin.users.name') }}</h2>
+      <h2 class="title">{{ $t('group.addUser') }}</h2>
       <ds-form v-model="form" @submit="submit">
         <ds-flex gutter="small">
           <ds-flex-item width="90%">
             <ds-input
               name="query"
               model="query"
-              :placeholder="$t('admin.users.form.placeholder')"
+              :placeholder="$t('group.addUserPlaceholder')"
               icon="search"
             />
           </ds-flex-item>
           <ds-flex-item width="30px">
             <!-- <base-button filled circle type="submit" icon="search" :loading="$apollo.loading" /> -->
-            <base-button filled circle type="submit" icon="search"  />
+            <base-button filled circle type="submit" icon="search" />
           </ds-flex-item>
         </ds-flex>
       </ds-form>
@@ -22,7 +22,9 @@
       <div v-if="slugUser.length > 0">
         <ds-space margin="base" />
         <ds-flex>
-          <ds-flex-item><ds-avatar online size="small" :name="slugUser[0].name"></ds-avatar></ds-flex-item>
+          <ds-flex-item>
+            <ds-avatar online size="small" :name="slugUser[0].name"></ds-avatar>
+          </ds-flex-item>
           <ds-flex-item>{{ slugUser[0].name }}</ds-flex-item>
           <ds-flex-item>{{ slugUser[0].slug }}</ds-flex-item>
           <ds-flex-item>
@@ -85,7 +87,12 @@
         </ds-chip>
       </template>
       <template #edit="scope">
-        <ds-button  v-if="scope.row.myRoleInGroup !== 'owner'" size="small" primary @click="deleteMember(scope.row.id)">
+        <ds-button
+          v-if="scope.row.myRoleInGroup !== 'owner'"
+          size="small"
+          primary
+          @click="deleteMember(scope.row.id)"
+        >
           <!-- TODO: implement removal of group members -->
           <!--           :disabled="scope.row.myRoleInGroup === 'owner'"
  -->
@@ -130,7 +137,7 @@ export default {
       noSlug: false,
       slugUser: [],
       form: {
-          query: '',
+        query: '',
       },
     }
   },
@@ -161,7 +168,6 @@ export default {
     },
   },
   methods: {
-    
     async changeMemberRole(id, event) {
       const newRole = event.target.value
       try {
@@ -176,7 +182,7 @@ export default {
         this.$toast.error(error.message)
       }
     },
-    async addMemberToGroup () {
+    async addMemberToGroup() {
       const newRole = 'usual'
       try {
         await this.$apollo.mutate({
@@ -184,9 +190,9 @@ export default {
           variables: { groupId: this.groupId, userId: this.slugUser[0].id, roleInGroup: newRole },
         })
         // this.$apollo.queries.GroupMembers.refetch()
-         this.$emit('loadGroupMembers')
-         this.slugUser = []
-         this.form.query = ''
+        this.$emit('loadGroupMembers')
+        this.slugUser = []
+        this.form.query = ''
         this.$toast.success(
           this.$t('group.changeMemberRole', { role: this.$t(`group.roles.${newRole}`) }),
         )
@@ -204,7 +210,7 @@ export default {
             slug: this.form.query,
           },
         })
-        if(User.length === 0)  { 
+        if (User.length === 0) {
           this.noSlug = true
         } else {
           this.noSlug = false
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 356c3ca3c..2254c19d0 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -404,6 +404,9 @@
       "regional": "Regionale Gruppe"
     },
     "actionRadius": "Aktionsradius",
+    "addMemberToGroup": "Zur Gruppe hinzufügen",
+    "addUser": "Benutzer hinzufügen",
+    "addUserPlaceholder": "eindeutiger Benutzername > @slug-from-user",
     "categories": "Thema ::: Themen",
     "changeMemberRole": "Die Rolle wurde auf „{role}“ geändert!",
     "contentMenu": {
@@ -440,7 +443,6 @@
       "roleInGroup": "Rolle",
       "slug": "Eindeutiger Name"
     },
-    "addMemberToGroup":"zur Gruppe hinzufügen",
     "membersCount": "Mitglied ::: Mitglieder",
     "membersListTitle": "Gruppenmitglieder",
     "membersListTitleNotAllowedSeeingGroupMembers": "Gruppenmitglieder unsichtbar",
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 924f56f3a..639454555 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -404,6 +404,9 @@
       "regional": "Regional Group"
     },
     "actionRadius": "Action radius",
+    "addMemberToGroup": "Add to group",
+    "addUser": "Add User",
+    "addUserPlaceholder": "unique username > @slug-from-user",
     "categories": "Topic ::: Topics",
     "changeMemberRole": "The role has been changed to “{role}”!",
     "contentMenu": {
@@ -441,7 +444,6 @@
       "slug": "Unique name"
     },
     "membersCount": "Member ::: Members",
-    "addMemberToGroup":"zur Gruppe hinzufügen",
     "membersListTitle": "Group Members",
     "membersListTitleNotAllowedSeeingGroupMembers": "Group Members invisible",
     "myGroups": "My Groups",
diff --git a/webapp/pages/group/edit/_id/members.vue b/webapp/pages/group/edit/_id/members.vue
index 794907796..c1e19bcd1 100644
--- a/webapp/pages/group/edit/_id/members.vue
+++ b/webapp/pages/group/edit/_id/members.vue
@@ -3,7 +3,11 @@
     <base-card>
       <ds-heading tag="h3">{{ $t('group.members') }}</ds-heading>
       <ds-space margin="large" />
-      <group-member :groupId="group.id" :groupMembers="groupMembers" @loadGroupMembers="loadGroupMembers" />
+      <group-member
+        :groupId="group.id"
+        :groupMembers="groupMembers"
+        @loadGroupMembers="loadGroupMembers"
+      />
     </base-card>
   </div>
 </template>
@@ -45,10 +49,9 @@ export default {
     },
   },
   methods: {
-    loadGroupMembers(){
+    loadGroupMembers() {
       this.$apollo.queries.GroupMembers.refetch()
-      console.log('loadGroupMembers this.GroupMembers', this.GroupMembers)
-    }
+    },
   },
 }
 </script>

From 43bf1ae79d99ae726d2a733856f758ee4f17c7cd Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 19 Oct 2022 13:44:17 +0200
Subject: [PATCH 07/10] refactor: Category Filter in Filter Menu

---
 webapp/components/FilterMenu/FilterMenu.vue |  8 ++++++++
 webapp/layouts/default.vue                  | 11 -----------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/webapp/components/FilterMenu/FilterMenu.vue b/webapp/components/FilterMenu/FilterMenu.vue
index 9e211ccf9..74265803b 100644
--- a/webapp/components/FilterMenu/FilterMenu.vue
+++ b/webapp/components/FilterMenu/FilterMenu.vue
@@ -14,6 +14,7 @@
       <div class="filter-menu-options">
         <h2 class="title">{{ $t('filter-menu.filter-by') }}</h2>
         <following-filter />
+        <categories-filter v-if="categoriesActive" />
       </div>
       <div class="filter-menu-options">
         <h2 class="title">{{ $t('filter-menu.order-by') }}</h2>
@@ -28,12 +29,19 @@ import Dropdown from '~/components/Dropdown'
 import { mapGetters } from 'vuex'
 import FollowingFilter from './FollowingFilter'
 import OrderByFilter from './OrderByFilter'
+import CategoriesFilter from './CategoriesFilter'
 
 export default {
   components: {
     Dropdown,
     FollowingFilter,
     OrderByFilter,
+    CategoriesFilter,
+  },
+  data() {
+    return {
+      categoriesActive: this.$env.CATEGORIES_ACTIVE,
+    }
   },
   props: {
     placement: { type: String },
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 8a0e7aa34..48279efd1 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -28,15 +28,6 @@
                 </ds-text>
               </nuxt-link>
             </ds-flex-item>
-            <ds-flex-item
-              v-if="categoriesActive && isLoggedIn"
-              :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
-              style="flex-grow: 0; flex-basis: auto; margin-right: 20px"
-            >
-              <client-only>
-                <categories-menu></categories-menu>
-              </client-only>
-            </ds-flex-item>
             <ds-flex-item
               :width="{ base: '40%', sm: '40%', md: '40%', lg: '0%' }"
               class="mobile-hamburger-menu"
@@ -125,7 +116,6 @@ import FilterMenu from '~/components/FilterMenu/FilterMenu.vue'
 import PageFooter from '~/components/PageFooter/PageFooter'
 import AvatarMenu from '~/components/AvatarMenu/AvatarMenu'
 import InviteButton from '~/components/InviteButton/InviteButton'
-import CategoriesMenu from '~/components/FilterMenu/CategoriesMenu.vue'
 
 export default {
   components: {
@@ -138,7 +128,6 @@ export default {
     FilterMenu,
     PageFooter,
     InviteButton,
-    CategoriesMenu,
   },
   mixins: [seo],
   data() {

From 5b6e3a0fdab1d26de58aa3f04cb2d20f439811ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Thu, 20 Oct 2022 07:45:50 +0200
Subject: [PATCH 08/10] Lower webapp coverage from 65% to 64%

---
 .github/workflows/test.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 9564aa2f7..de171cc61 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -267,7 +267,7 @@ jobs:
           report_name: Coverage Webapp
           type: lcov
           result_path: ./coverage/lcov.info
-          min_coverage: 65
+          min_coverage: 64
           token: ${{ github.token }}
 
   ##############################################################################

From af5447e83021f120095f2ecb4b03f73f4fe0417f Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 20 Oct 2022 15:58:34 +0200
Subject: [PATCH 09/10] coverage 65.14%, add specs GroupList.spec,
 GroupMember.spec

---
 webapp/components/Group/GroupList.spec.js   | 34 ++++++++++++++++++++
 webapp/components/Group/GroupList.vue       |  2 +-
 webapp/components/Group/GroupMember.spec.js | 35 +++++++++++++++++++++
 webapp/components/Group/GroupMember.vue     |  2 +-
 4 files changed, 71 insertions(+), 2 deletions(-)
 create mode 100644 webapp/components/Group/GroupList.spec.js
 create mode 100644 webapp/components/Group/GroupMember.spec.js

diff --git a/webapp/components/Group/GroupList.spec.js b/webapp/components/Group/GroupList.spec.js
new file mode 100644
index 000000000..b0b3c9473
--- /dev/null
+++ b/webapp/components/Group/GroupList.spec.js
@@ -0,0 +1,34 @@
+import { config, mount } from '@vue/test-utils'
+import GroupList from './GroupList.vue'
+
+const localVue = global.localVue
+
+ 
+const propsData = {
+  groups: [],
+}
+
+describe('GroupList', () => {
+  let wrapper
+  let mocks
+
+  beforeEach(() => {
+    mocks = {
+      $t: jest.fn(),
+    }
+  })
+
+  describe('mount', () => {
+    const Wrapper = () => {
+      return mount(GroupList, { propsData, mocks, localVue })
+    }
+
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders', () => {
+      expect(wrapper.findAll('.group-list')).toHaveLength(1)
+    })
+  })
+})
diff --git a/webapp/components/Group/GroupList.vue b/webapp/components/Group/GroupList.vue
index 645f670d2..7618e5b57 100644
--- a/webapp/components/Group/GroupList.vue
+++ b/webapp/components/Group/GroupList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="group-list">
     <ds-space margin-bottom="small" v-for="group in groups" :key="group.id">
       <group-teaser :group="group" />
     </ds-space>
diff --git a/webapp/components/Group/GroupMember.spec.js b/webapp/components/Group/GroupMember.spec.js
new file mode 100644
index 000000000..a0ca6f3ef
--- /dev/null
+++ b/webapp/components/Group/GroupMember.spec.js
@@ -0,0 +1,35 @@
+import { config, mount } from '@vue/test-utils'
+import GroupMember from './GroupMember.vue'
+
+const localVue = global.localVue
+
+ 
+const propsData = {
+    groupId: '',
+    groupMembers: []
+}
+
+describe('GroupMember', () => {
+  let wrapper
+  let mocks
+
+  beforeEach(() => {
+    mocks = {
+      $t: jest.fn(),
+    }
+  })
+
+  describe('mount', () => {
+    const Wrapper = () => {
+      return mount(GroupMember, { propsData, mocks, localVue })
+    }
+
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders', () => {
+      expect(wrapper.findAll('.group-member')).toHaveLength(1)
+    })
+  })
+})
diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index e508d4719..0a99aa21c 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="group-member">
     <base-card>
       <h2 class="title">{{ $t('group.addUser') }}</h2>
       <ds-form v-model="form" @submit="submit">

From de33b2288d9088011bb636f96b0dbc6acadef986 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 20 Oct 2022 16:01:16 +0200
Subject: [PATCH 10/10] fix lint

---
 webapp/components/Group/GroupList.spec.js   | 3 +--
 webapp/components/Group/GroupMember.spec.js | 7 +++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/webapp/components/Group/GroupList.spec.js b/webapp/components/Group/GroupList.spec.js
index b0b3c9473..ca6909de7 100644
--- a/webapp/components/Group/GroupList.spec.js
+++ b/webapp/components/Group/GroupList.spec.js
@@ -1,9 +1,8 @@
-import { config, mount } from '@vue/test-utils'
+import { mount } from '@vue/test-utils'
 import GroupList from './GroupList.vue'
 
 const localVue = global.localVue
 
- 
 const propsData = {
   groups: [],
 }
diff --git a/webapp/components/Group/GroupMember.spec.js b/webapp/components/Group/GroupMember.spec.js
index a0ca6f3ef..0c0b46e43 100644
--- a/webapp/components/Group/GroupMember.spec.js
+++ b/webapp/components/Group/GroupMember.spec.js
@@ -1,12 +1,11 @@
-import { config, mount } from '@vue/test-utils'
+import { mount } from '@vue/test-utils'
 import GroupMember from './GroupMember.vue'
 
 const localVue = global.localVue
 
- 
 const propsData = {
-    groupId: '',
-    groupMembers: []
+  groupId: '',
+  groupMembers: [],
 }
 
 describe('GroupMember', () => {