From d9b19fbfa0699cd0938f4cda8481bc54eb71125c Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Fri, 10 Mar 2023 14:44:57 +0100
Subject: [PATCH] liniting

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

diff --git a/admin/src/pages/CreationConfirm.vue b/admin/src/pages/CreationConfirm.vue
index 92dc01750..b367d1b7f 100644
--- a/admin/src/pages/CreationConfirm.vue
+++ b/admin/src/pages/CreationConfirm.vue
@@ -83,343 +83,343 @@
   </div>
 </template>
 <script>
- import Overlay from '../components/Overlay'
- import OpenCreationsTable from '../components/Tables/OpenCreationsTable'
- import { adminListContributions } from '../graphql/adminListContributions'
- import { adminDeleteContribution } from '../graphql/adminDeleteContribution'
- import { confirmContribution } from '../graphql/confirmContribution'
- import { denyContribution } from '../graphql/denyContribution'
+import Overlay from '../components/Overlay'
+import OpenCreationsTable from '../components/Tables/OpenCreationsTable'
+import { adminListContributions } from '../graphql/adminListContributions'
+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'
-     },
-     formatDateOrDash(value) {
-       return value ? this.$d(new Date(value), 'short') : '—'
-     },
-   },
-   computed: {
-     fields() {
-       return [
-         [
-           // open contributions
-           { key: 'bookmark', label: this.$t('delete') },
-           { key: 'deny', label: this.$t('deny') },
-           { 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.formatDateOrDash(value)
-             },
-           },
-           { key: 'moderator', label: this.$t('moderator') },
-           { key: 'editCreation', label: this.$t('chat') },
-           { key: 'confirm', label: this.$t('save') },
-         ],
-         [
-           // confirmed contributions
-           { 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.formatDateOrDash(value)
-             },
-           },
-           {
-             key: 'createdAt',
-             label: this.$t('createdAt'),
-             formatter: (value) => {
-               return this.formatDateOrDash(value)
-             },
-           },
-           {
-             key: 'confirmedAt',
-             label: this.$t('contributions.confirms'),
-             formatter: (value) => {
-               return this.formatDateOrDash(value)
-             },
-           },
-           { key: 'confirmedBy', label: this.$t('moderator') },
-           { key: 'chatCreation', label: this.$t('chat') },
-         ],
-         [
-           // denied contributions
-           { 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.formatDateOrDash(value)
-             },
-           },
-           {
-             key: 'createdAt',
-             label: this.$t('createdAt'),
-             formatter: (value) => {
-               return this.formatDateOrDash(value)
-             },
-           },
-           {
-             key: 'deniedAt',
-             label: this.$t('contributions.denied'),
-             formatter: (value) => {
-               return this.formatDateOrDash(value)
-             },
-           },
-           { key: 'deniedBy', label: this.$t('moderator') },
-           { key: 'chatCreation', label: this.$t('chat') },
-         ],
-         [
-           // deleted contributions
-           { 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.formatDateOrDash(value)
-             },
-           },
-           {
-             key: 'createdAt',
-             label: this.$t('createdAt'),
-             formatter: (value) => {
-               return this.formatDateOrDash(value)
-             },
-           },
-           {
-             key: 'deletedAt',
-             label: this.$t('contributions.deleted'),
-             formatter: (value) => {
-               return this.formatDateOrDash(value)
-             },
-           },
-           { key: 'deletedBy', label: this.$t('moderator') },
-           { key: 'chatCreation', label: this.$t('chat') },
-         ],
-         [
-           // all contributions
-           { key: 'state', label: this.$t('status') },
-           { 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.formatDateOrDash(value)
-             },
-           },
-           {
-             key: 'createdAt',
-             label: this.$t('createdAt'),
-             formatter: (value) => {
-               return this.formatDateOrDash(value)
-             },
-           },
-           {
-             key: 'confirmedAt',
-             label: this.$t('contributions.confirms'),
-             formatter: (value) => {
-               return this.formatDateOrDash(value)
-             },
-           },
-           { key: 'confirmedBy', label: this.$t('moderator') },
-           { 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 adminListContributions
-       },
-       variables() {
-         return {
-           currentPage: this.currentPage,
-           pageSize: this.pageSize,
-           statusFilter: this.statusFilter,
-         }
-       },
-       fetchPolicy: 'no-cache',
-       update({ adminListContributions }) {
-         this.rows = adminListContributions.contributionCount
-         this.items = adminListContributions.contributionList
-         if (this.statusFilter === FILTER_TAB_MAP[0]) {
-           this.$store.commit('setOpenCreations', adminListAllContributions.contributionCount)
-         }
-       },
-       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'
+    },
+    formatDateOrDash(value) {
+      return value ? this.$d(new Date(value), 'short') : '—'
+    },
+  },
+  computed: {
+    fields() {
+      return [
+        [
+          // open contributions
+          { key: 'bookmark', label: this.$t('delete') },
+          { key: 'deny', label: this.$t('deny') },
+          { 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.formatDateOrDash(value)
+            },
+          },
+          { key: 'moderator', label: this.$t('moderator') },
+          { key: 'editCreation', label: this.$t('chat') },
+          { key: 'confirm', label: this.$t('save') },
+        ],
+        [
+          // confirmed contributions
+          { 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.formatDateOrDash(value)
+            },
+          },
+          {
+            key: 'createdAt',
+            label: this.$t('createdAt'),
+            formatter: (value) => {
+              return this.formatDateOrDash(value)
+            },
+          },
+          {
+            key: 'confirmedAt',
+            label: this.$t('contributions.confirms'),
+            formatter: (value) => {
+              return this.formatDateOrDash(value)
+            },
+          },
+          { key: 'confirmedBy', label: this.$t('moderator') },
+          { key: 'chatCreation', label: this.$t('chat') },
+        ],
+        [
+          // denied contributions
+          { 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.formatDateOrDash(value)
+            },
+          },
+          {
+            key: 'createdAt',
+            label: this.$t('createdAt'),
+            formatter: (value) => {
+              return this.formatDateOrDash(value)
+            },
+          },
+          {
+            key: 'deniedAt',
+            label: this.$t('contributions.denied'),
+            formatter: (value) => {
+              return this.formatDateOrDash(value)
+            },
+          },
+          { key: 'deniedBy', label: this.$t('moderator') },
+          { key: 'chatCreation', label: this.$t('chat') },
+        ],
+        [
+          // deleted contributions
+          { 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.formatDateOrDash(value)
+            },
+          },
+          {
+            key: 'createdAt',
+            label: this.$t('createdAt'),
+            formatter: (value) => {
+              return this.formatDateOrDash(value)
+            },
+          },
+          {
+            key: 'deletedAt',
+            label: this.$t('contributions.deleted'),
+            formatter: (value) => {
+              return this.formatDateOrDash(value)
+            },
+          },
+          { key: 'deletedBy', label: this.$t('moderator') },
+          { key: 'chatCreation', label: this.$t('chat') },
+        ],
+        [
+          // all contributions
+          { key: 'state', label: this.$t('status') },
+          { 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.formatDateOrDash(value)
+            },
+          },
+          {
+            key: 'createdAt',
+            label: this.$t('createdAt'),
+            formatter: (value) => {
+              return this.formatDateOrDash(value)
+            },
+          },
+          {
+            key: 'confirmedAt',
+            label: this.$t('contributions.confirms'),
+            formatter: (value) => {
+              return this.formatDateOrDash(value)
+            },
+          },
+          { key: 'confirmedBy', label: this.$t('moderator') },
+          { 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 adminListContributions
+      },
+      variables() {
+        return {
+          currentPage: this.currentPage,
+          pageSize: this.pageSize,
+          statusFilter: this.statusFilter,
+        }
+      },
+      fetchPolicy: 'no-cache',
+      update({ adminListContributions }) {
+        this.rows = adminListContributions.contributionCount
+        this.items = adminListContributions.contributionList
+        if (this.statusFilter === FILTER_TAB_MAP[0]) {
+          this.$store.commit('setOpenCreations', adminListContributions.contributionCount)
+        }
+      },
+      error({ message }) {
+        this.toastError(message)
+      },
+    },
+  },
+}
 </script>
 <style>
 #overlay {