From f8fca7ab0c0a1f83c7c65141a10035e75fc50c10 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Tue, 14 Feb 2023 17:08:12 +0100
Subject: [PATCH] move deny contribution to left

---
 admin/src/pages/CreationConfirm.vue | 594 ++++++++++++++--------------
 1 file changed, 297 insertions(+), 297 deletions(-)

diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index ff08613cf..9218dfe68 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -71,305 +71,305 @@
   </div>
 </template>
 <script>
-import Overlay from '../components/Overlay.vue'
-import OpenCreationsTable from '../components/Tables/OpenCreationsTable.vue'
-import { listAllContributions } from '../graphql/listAllContributions'
-import { adminDeleteContribution } from '../graphql/adminDeleteContribution'
-import { confirmContribution } from '../graphql/confirmContribution'
-import { denyContribution } from '../graphql/denyContribution'
+ import Overlay from '../components/Overlay.vue'
+ import OpenCreationsTable from '../components/Tables/OpenCreationsTable.vue'
+ import { listAllContributions } from '../graphql/listAllContributions'
+ import { adminDeleteContribution } from '../graphql/adminDeleteContribution'
+ import { confirmContribution } from '../graphql/confirmContribution'
+ import { denyContribution } from '../graphql/denyContribution'
 
-const FILTER_TAB_MAP = [
-  ['IN_PROGRESS', 'PENDING'],
-  ['CONFIRMED'],
-  ['DENIED'],
-  ['DELETED'],
-  ['IN_PROGRESS', 'PENDING', 'CONFIRMED', 'DENIED', 'DELETED'],
-]
+ const FILTER_TAB_MAP = [
+   ['IN_PROGRESS', 'PENDING'],
+   ['CONFIRMED'],
+   ['DENIED'],
+   ['DELETED'],
+   ['IN_PROGRESS', 'PENDING', 'CONFIRMED', 'DENIED', 'DELETED'],
+ ]
 
-export default {
-  name: 'CreationConfirm',
-  components: {
-    OpenCreationsTable,
-    Overlay,
-  },
-  data() {
-    return {
-      tabIndex: 0,
-      items: [],
-      overlay: false,
-      item: {},
-      variant: 'confirm',
-      rows: 0,
-      currentPage: 1,
-      pageSize: 25,
-    }
-  },
-  methods: {
-    deleteCreation() {
-      this.$apollo
-        .mutate({
-          mutation: adminDeleteContribution,
-          variables: {
-            id: this.item.id,
-          },
-        })
-        .then((result) => {
-          this.overlay = false
-          this.updatePendingCreations(this.item.id)
-          this.toastSuccess(this.$t('creation_form.toasted_delete'))
-        })
-        .catch((error) => {
-          this.overlay = false
-          this.toastError(error.message)
-        })
-    },
-    denyCreation() {
-      this.$apollo
-        .mutate({
-          mutation: denyContribution,
-          variables: {
-            id: this.item.id,
-          },
-        })
-        .then((result) => {
-          this.overlay = false
-          this.updatePendingCreations(this.item.id)
-          this.toastSuccess(this.$t('creation_form.toasted_denied'))
-        })
-        .catch((error) => {
-          this.overlay = false
-          this.toastError(error.message)
-        })
-    },
-    confirmCreation() {
-      this.$apollo
-        .mutate({
-          mutation: confirmContribution,
-          variables: {
-            id: this.item.id,
-          },
-        })
-        .then((result) => {
-          this.overlay = false
-          this.updatePendingCreations(this.item.id)
-          this.toastSuccess(this.$t('creation_form.toasted_created'))
-        })
-        .catch((error) => {
-          this.overlay = false
-          this.toastError(error.message)
-        })
-    },
-    updatePendingCreations(id) {
-      this.items = this.items.filter((obj) => obj.id !== id)
-      this.$store.commit('openCreationsMinus', 1)
-    },
-    showOverlay(item, variant) {
-      this.overlay = true
-      this.item = item
-      this.variant = variant
-    },
-    updateStatus(id) {
-      this.items.find((obj) => obj.id === id).messagesCount++
-      this.items.find((obj) => obj.id === id).state = 'IN_PROGRESS'
-    },
-  },
-  watch: {
-    statusFilter() {
-      // console.log('statusFilter', this.statusFilter)
-      this.$apollo.queries.ListAllContributions.refetch()
-    },
-  },
-  computed: {
-    fields() {
-      return [
-        [
-          { key: 'bookmark', label: this.$t('delete') },
-          { key: 'email', label: this.$t('e_mail') },
-          { key: 'firstName', label: this.$t('firstname') },
-          { key: 'lastName', label: this.$t('lastname') },
-          {
-            key: 'amount',
-            label: this.$t('creation'),
-            formatter: (value) => {
-              return value + ' GDD'
-            },
-          },
-          { key: 'memo', label: this.$t('text'), class: 'text-break' },
-          {
-            key: 'contributionDate',
-            label: this.$t('created'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          { key: 'moderator', label: this.$t('moderator') },
-          { key: 'editCreation', label: this.$t('edit') },
-          { key: 'deny', label: this.$t('deny') },
-          { key: 'confirm', label: this.$t('save') },
-        ],
-        [
-          { key: 'firstName', label: this.$t('firstname') },
-          { key: 'lastName', label: this.$t('lastname') },
-          {
-            key: 'amount',
-            label: this.$t('creation'),
-            formatter: (value) => {
-              return value + ' GDD'
-            },
-          },
-          { key: 'memo', label: this.$t('text'), class: 'text-break' },
-          {
-            key: 'contributionDate',
-            label: this.$t('created'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          {
-            key: 'createdAt',
-            label: this.$t('createdAt'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          {
-            key: 'confirmedAt',
-            label: this.$t('contributions.confirms'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          { key: 'chatCreation', label: this.$t('chat') },
-        ],
-        [
-          { key: 'reActive', label: 'reActive' },
-          { key: 'firstName', label: this.$t('firstname') },
-          { key: 'lastName', label: this.$t('lastname') },
-          {
-            key: 'amount',
-            label: this.$t('creation'),
-            formatter: (value) => {
-              return value + ' GDD'
-            },
-          },
-          { key: 'memo', label: this.$t('text'), class: 'text-break' },
-          {
-            key: 'contributionDate',
-            label: this.$t('created'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          {
-            key: 'createdAt',
-            label: this.$t('createdAt'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          {
-            key: 'deniedAt',
-            label: this.$t('contributions.denied'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          { key: 'deniedBy', label: this.$t('mod') },
-          { key: 'chatCreation', label: this.$t('chat') },
-        ],
-        [],
-        [
-          { key: 'state', label: 'state' },
-          { key: 'firstName', label: this.$t('firstname') },
-          { key: 'lastName', label: this.$t('lastname') },
-          {
-            key: 'amount',
-            label: this.$t('creation'),
-            formatter: (value) => {
-              return value + ' GDD'
-            },
-          },
-          { key: 'memo', label: this.$t('text'), class: 'text-break' },
-          {
-            key: 'contributionDate',
-            label: this.$t('created'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          {
-            key: 'createdAt',
-            label: this.$t('createdAt'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          {
-            key: 'confirmedAt',
-            label: this.$t('contributions.confirms'),
-            formatter: (value) => {
-              return this.$d(new Date(value), 'short')
-            },
-          },
-          { key: 'confirmedBy', label: this.$t('mod') },
-          { key: 'chatCreation', label: this.$t('chat') },
-        ],
-      ][this.tabIndex]
-    },
-    statusFilter() {
-      return FILTER_TAB_MAP[this.tabIndex]
-    },
-    overlayTitle() {
-      return `overlay.${this.variant}.title`
-    },
-    overlayText() {
-      return `overlay.${this.variant}.text`
-    },
-    overlayQuestion() {
-      return `overlay.${this.variant}.question`
-    },
-    overlayBtnText() {
-      return `overlay.${this.variant}.yes`
-    },
-    overlayEvent() {
-      return this[`${this.variant}Creation`]
-    },
-    overlayIcon() {
-      switch (this.variant) {
-        case 'confirm':
-          return 'success'
-        case 'deny':
-          return 'warning'
-        case 'delete':
-          return 'danger'
-        default:
-          return 'info'
-      }
-    },
-  },
-  apollo: {
-    ListAllContributions: {
-      query() {
-        return listAllContributions
-      },
-      variables() {
-        // may be at some point we need a pagination here
-        return {
-          currentPage: this.currentPage,
-          pageSize: this.pageSize,
-          statusFilter: this.statusFilter,
-        }
-      },
-      update({ listAllContributions }) {
-        this.rows = listAllContributions.contributionCount
-        this.items = listAllContributions.contributionList
-      },
-      error({ message }) {
-        this.toastError(message)
-      },
-    },
-  },
-}
+ export default {
+   name: 'CreationConfirm',
+   components: {
+     OpenCreationsTable,
+     Overlay,
+   },
+   data() {
+     return {
+       tabIndex: 0,
+       items: [],
+       overlay: false,
+       item: {},
+       variant: 'confirm',
+       rows: 0,
+       currentPage: 1,
+       pageSize: 25,
+     }
+   },
+   methods: {
+     deleteCreation() {
+       this.$apollo
+           .mutate({
+             mutation: adminDeleteContribution,
+             variables: {
+               id: this.item.id,
+             },
+           })
+           .then((result) => {
+             this.overlay = false
+             this.updatePendingCreations(this.item.id)
+             this.toastSuccess(this.$t('creation_form.toasted_delete'))
+           })
+           .catch((error) => {
+             this.overlay = false
+             this.toastError(error.message)
+           })
+     },
+     denyCreation() {
+       this.$apollo
+           .mutate({
+             mutation: denyContribution,
+             variables: {
+               id: this.item.id,
+             },
+           })
+           .then((result) => {
+             this.overlay = false
+             this.updatePendingCreations(this.item.id)
+             this.toastSuccess(this.$t('creation_form.toasted_denied'))
+           })
+           .catch((error) => {
+             this.overlay = false
+             this.toastError(error.message)
+           })
+     },
+     confirmCreation() {
+       this.$apollo
+           .mutate({
+             mutation: confirmContribution,
+             variables: {
+               id: this.item.id,
+             },
+           })
+           .then((result) => {
+             this.overlay = false
+             this.updatePendingCreations(this.item.id)
+             this.toastSuccess(this.$t('creation_form.toasted_created'))
+           })
+           .catch((error) => {
+             this.overlay = false
+             this.toastError(error.message)
+           })
+     },
+     updatePendingCreations(id) {
+       this.items = this.items.filter((obj) => obj.id !== id)
+       this.$store.commit('openCreationsMinus', 1)
+     },
+     showOverlay(item, variant) {
+       this.overlay = true
+       this.item = item
+       this.variant = variant
+     },
+     updateStatus(id) {
+       this.items.find((obj) => obj.id === id).messagesCount++
+       this.items.find((obj) => obj.id === id).state = 'IN_PROGRESS'
+     },
+   },
+   watch: {
+     statusFilter() {
+       // console.log('statusFilter', this.statusFilter)
+       this.$apollo.queries.ListAllContributions.refetch()
+     },
+   },
+   computed: {
+     fields() {
+       return [
+         [
+           { key: 'bookmark', label: this.$t('delete') },
+           { key: 'deny', label: this.$t('deny') },
+           { key: 'email', label: this.$t('e_mail') },
+           { key: 'firstName', label: this.$t('firstname') },
+           { key: 'lastName', label: this.$t('lastname') },
+           {
+             key: 'amount',
+             label: this.$t('creation'),
+             formatter: (value) => {
+               return value + ' GDD'
+             },
+           },
+           { key: 'memo', label: this.$t('text'), class: 'text-break' },
+           {
+             key: 'contributionDate',
+             label: this.$t('created'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           { key: 'moderator', label: this.$t('moderator') },
+           { key: 'editCreation', label: this.$t('edit') },
+           { key: 'confirm', label: this.$t('save') },
+         ],
+         [
+           { key: 'firstName', label: this.$t('firstname') },
+           { key: 'lastName', label: this.$t('lastname') },
+           {
+             key: 'amount',
+             label: this.$t('creation'),
+             formatter: (value) => {
+               return value + ' GDD'
+             },
+           },
+           { key: 'memo', label: this.$t('text'), class: 'text-break' },
+           {
+             key: 'contributionDate',
+             label: this.$t('created'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           {
+             key: 'createdAt',
+             label: this.$t('createdAt'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           {
+             key: 'confirmedAt',
+             label: this.$t('contributions.confirms'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           { key: 'chatCreation', label: this.$t('chat') },
+         ],
+         [
+           { key: 'reActive', label: 'reActive' },
+           { key: 'firstName', label: this.$t('firstname') },
+           { key: 'lastName', label: this.$t('lastname') },
+           {
+             key: 'amount',
+             label: this.$t('creation'),
+             formatter: (value) => {
+               return value + ' GDD'
+             },
+           },
+           { key: 'memo', label: this.$t('text'), class: 'text-break' },
+           {
+             key: 'contributionDate',
+             label: this.$t('created'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           {
+             key: 'createdAt',
+             label: this.$t('createdAt'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           {
+             key: 'deniedAt',
+             label: this.$t('contributions.denied'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           { key: 'deniedBy', label: this.$t('mod') },
+           { key: 'chatCreation', label: this.$t('chat') },
+         ],
+         [],
+         [
+           { key: 'state', label: 'state' },
+           { key: 'firstName', label: this.$t('firstname') },
+           { key: 'lastName', label: this.$t('lastname') },
+           {
+             key: 'amount',
+             label: this.$t('creation'),
+             formatter: (value) => {
+               return value + ' GDD'
+             },
+           },
+           { key: 'memo', label: this.$t('text'), class: 'text-break' },
+           {
+             key: 'contributionDate',
+             label: this.$t('created'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           {
+             key: 'createdAt',
+             label: this.$t('createdAt'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           {
+             key: 'confirmedAt',
+             label: this.$t('contributions.confirms'),
+             formatter: (value) => {
+               return this.$d(new Date(value), 'short')
+             },
+           },
+           { key: 'confirmedBy', label: this.$t('mod') },
+           { key: 'chatCreation', label: this.$t('chat') },
+         ],
+       ][this.tabIndex]
+     },
+     statusFilter() {
+       return FILTER_TAB_MAP[this.tabIndex]
+     },
+     overlayTitle() {
+       return `overlay.${this.variant}.title`
+     },
+     overlayText() {
+       return `overlay.${this.variant}.text`
+     },
+     overlayQuestion() {
+       return `overlay.${this.variant}.question`
+     },
+     overlayBtnText() {
+       return `overlay.${this.variant}.yes`
+     },
+     overlayEvent() {
+       return this[`${this.variant}Creation`]
+     },
+     overlayIcon() {
+       switch (this.variant) {
+         case 'confirm':
+           return 'success'
+         case 'deny':
+           return 'warning'
+         case 'delete':
+           return 'danger'
+         default:
+           return 'info'
+       }
+     },
+   },
+   apollo: {
+     ListAllContributions: {
+       query() {
+         return listAllContributions
+       },
+       variables() {
+         // may be at some point we need a pagination here
+         return {
+           currentPage: this.currentPage,
+           pageSize: this.pageSize,
+           statusFilter: this.statusFilter,
+         }
+       },
+       update({ listAllContributions }) {
+         this.rows = listAllContributions.contributionCount
+         this.items = listAllContributions.contributionList
+       },
+       error({ message }) {
+         this.toastError(message)
+       },
+     },
+   },
+ }
 </script>
 <style>
 #overlay {