From ad3c233ce129219e7b5400212d3dd0f829f85898 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 29 Jun 2023 16:14:37 +0200
Subject: [PATCH] feat(admin): query users on contributions

---
 admin/src/components/UserQuery.vue          | 37 +++++++++++++++++++++
 admin/src/graphql/adminListContributions.js |  2 ++
 admin/src/pages/CreationConfirm.vue         |  5 +++
 3 files changed, 44 insertions(+)
 create mode 100644 admin/src/components/UserQuery.vue

diff --git a/admin/src/components/UserQuery.vue b/admin/src/components/UserQuery.vue
new file mode 100644
index 000000000..2a31a8dea
--- /dev/null
+++ b/admin/src/components/UserQuery.vue
@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <b-input-group>
+      <b-form-input
+        type="text"
+        class="test-input-criteria"
+        v-model="currentValue"
+        :placeholder="$t('user_search')"
+      ></b-form-input>
+      <b-input-group-append class="test-click-clear-criteria" @click="currentValue = ''">
+        <b-input-group-text class="pointer">
+          <b-icon icon="x" />
+        </b-input-group-text>
+      </b-input-group-append>
+    </b-input-group>
+  </div>
+</template>
+<script>
+export default {
+  name: 'UserQuery',
+  props: {
+    value: { type: String, default: '' },
+  },
+  data() {
+    return {
+      currentValue: this.value,
+    }
+  },
+  watch: {
+    currentValue() {
+      if (this.value !== this.currentValue) {
+        this.$emit('input', this.currentValue)
+      }
+    },
+  },
+}
+</script>
diff --git a/admin/src/graphql/adminListContributions.js b/admin/src/graphql/adminListContributions.js
index 3c1dcd69c..6a9a69b17 100644
--- a/admin/src/graphql/adminListContributions.js
+++ b/admin/src/graphql/adminListContributions.js
@@ -7,6 +7,7 @@ export const adminListContributions = gql`
     $order: Order = DESC
     $statusFilter: [ContributionStatus!]
     $userId: Int
+    $query: String
   ) {
     adminListContributions(
       currentPage: $currentPage
@@ -14,6 +15,7 @@ export const adminListContributions = gql`
       order: $order
       statusFilter: $statusFilter
       userId: $userId
+      query: $query
     ) {
       contributionCount
       contributionList {
diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index fbbe03406..9218ecab7 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -1,6 +1,7 @@
 <!-- eslint-disable @intlify/vue-i18n/no-dynamic-keys -->
 <template>
   <div class="creation-confirm">
+    <user-query class="mb-4 mt-2" v-model="query" />
     <div>
       <b-tabs v-model="tabIndex" content-class="mt-3" fill>
         <b-tab active :title-link-attributes="{ 'data-test': 'open' }">
@@ -85,6 +86,7 @@
 <script>
 import Overlay from '../components/Overlay'
 import OpenCreationsTable from '../components/Tables/OpenCreationsTable'
+import UserQuery from '../components/UserQuery'
 import { adminListContributions } from '../graphql/adminListContributions'
 import { adminDeleteContribution } from '../graphql/adminDeleteContribution'
 import { confirmContribution } from '../graphql/confirmContribution'
@@ -103,6 +105,7 @@ export default {
   components: {
     OpenCreationsTable,
     Overlay,
+    UserQuery,
   },
   data() {
     return {
@@ -114,6 +117,7 @@ export default {
       rows: 0,
       currentPage: 1,
       pageSize: 25,
+      query: '',
     }
   },
   watch: {
@@ -409,6 +413,7 @@ export default {
           currentPage: this.currentPage,
           pageSize: this.pageSize,
           statusFilter: this.statusFilter,
+          query: this.query,
         }
       },
       fetchPolicy: 'no-cache',