From 9f4762647be923781bd83bfea1c992fc2b569550 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 18 Feb 2022 14:15:18 +0100
Subject: [PATCH] add deletedUser and unDeleteUser function in admin frontend

---
 admin/src/components/DeletedUserFormular.vue | 37 +++++++++++++++++---
 admin/src/graphql/deleteUser.js              |  7 ++++
 admin/src/graphql/unDeleteUser.js            |  7 ++++
 3 files changed, 47 insertions(+), 4 deletions(-)
 create mode 100644 admin/src/graphql/deleteUser.js
 create mode 100644 admin/src/graphql/unDeleteUser.js

diff --git a/admin/src/components/DeletedUserFormular.vue b/admin/src/components/DeletedUserFormular.vue
index 7be9987cc..2e9b46bec 100644
--- a/admin/src/components/DeletedUserFormular.vue
+++ b/admin/src/components/DeletedUserFormular.vue
@@ -6,12 +6,14 @@
     </div>
     <div class="mt-3">GDD Stand: 20 GDD</div>
     <div class="mt-3 mb-5">
-      <b-button v-if="checked" variant="success" @click="deleteAdd">User now deleted</b-button>
+      <b-button v-if="checked" variant="danger" @click="deleteUser">Delete User</b-button>
+      <b-button v-if="checked" variant="success" @click="unDeleteUser">Undelete User</b-button>
     </div>
   </div>
 </template>
 <script>
-// import { sendActivationEmail } from '../graphql/sendActivationEmail'
+import { deleteUser } from '../graphql/deleteUser'
+import { unDeleteUser } from '../graphql/unDeleteUser'
 
 export default {
   name: 'DeletedUser',
@@ -26,8 +28,35 @@ export default {
     }
   },
   methods: {
-    deleteAdd() {
-      alert('TODO: Apollo query deleteAdd')
+    deleteUser() {
+      this.$apollo
+        .mutate({
+          mutation: deleteUser,
+          variables: {
+            userId: this.item.userId,
+          },
+        })
+        .then(() => {
+          this.$toasted.success('user is deleted')
+        })
+        .catch((error) => {
+          this.$toasted.error('user deleted error', error)
+        })
+    },
+    unDeleteUser() {
+      this.$apollo
+        .mutate({
+          mutation: unDeleteUser,
+          variables: {
+            userId: this.item.userId,
+          },
+        })
+        .then(() => {
+          this.$toasted.success('user is undeleted')
+        })
+        .catch((error) => {
+          this.$toasted.error('user undeleted error', error)
+        })
     },
   },
 }
diff --git a/admin/src/graphql/deleteUser.js b/admin/src/graphql/deleteUser.js
new file mode 100644
index 000000000..9e3606bd7
--- /dev/null
+++ b/admin/src/graphql/deleteUser.js
@@ -0,0 +1,7 @@
+import gql from 'graphql-tag'
+
+export const deleteUser = gql`
+  mutation ($userId: Int!) {
+    deleteUser(userId: $userId)
+  }
+`
diff --git a/admin/src/graphql/unDeleteUser.js b/admin/src/graphql/unDeleteUser.js
new file mode 100644
index 000000000..b48c8981f
--- /dev/null
+++ b/admin/src/graphql/unDeleteUser.js
@@ -0,0 +1,7 @@
+import gql from 'graphql-tag'
+
+export const unDeleteUser = gql`
+  mutation ($userId: Int!) {
+    unDeleteUser(userId: $userId)
+  }
+`