From b5a5c2174405a52216d0d9b36027cee328a878c4 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 22 Mar 2022 09:32:15 +0100
Subject: [PATCH] add component LinksTransactionListFormular

---
 .../LinksTransactionListFormular.vue          | 75 +++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 admin/src/components/LinksTransactionListFormular.vue

diff --git a/admin/src/components/LinksTransactionListFormular.vue b/admin/src/components/LinksTransactionListFormular.vue
new file mode 100644
index 000000000..390f576da
--- /dev/null
+++ b/admin/src/components/LinksTransactionListFormular.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="links-transaction-list-formular">
+    Transaction Links
+    {{items}}
+    <b-table striped hover :fields="fields" :items="items"></b-table>
+  </div>
+</template>
+<script>
+import { getListTransactionLinks } from '../graphql/getListTransactionLinks'
+export default {
+  name: 'LinksTransactionListFormular',
+  props: {
+    userId: { type: Number, required: true },
+  },
+  data() {
+    return {
+      fields: [
+        {
+          key: 'creationDate',
+          label: this.$t('transactionlist.date'),
+          formatter: (value, key, item) => {
+            return this.$d(new Date(value))
+          },
+        },
+        {
+          key: 'amount',
+          label: this.$t('transactionlist.amount'),
+          formatter: (value, key, item) => {
+            return `${value} GDD`
+          },
+        },
+        {
+          key: 'linkedUser',
+          label: this.$t('transactionlist.community'),
+          formatter: (value, key, item) => {
+            return `${value.firstName} ${value.lastName}`
+          },
+        },
+        { key: 'memo', label: this.$t('transactionlist.memo') },
+        {
+          key: 'balanceDate',
+          label: this.$t('transactionlist.balanceDate'),
+          formatter: (value, key, item) => {
+            return this.$d(new Date(value))
+          },
+        },
+      ],
+      items: [],
+    }
+  },
+  methods: {
+    getListTransactionLinks() {
+      this.$apollo
+        .query({
+          query: getListTransactionLinks,
+          variables: {
+            currentPage: 1,
+            pageSize: 25,
+            order: 'DESC',
+            userId: parseInt(this.userId),
+          },
+        })
+        .then((result) => {
+          this.items = result.data.getListTransactionLinks
+        })
+        .catch((error) => {
+          this.toastError(error.message)
+        })
+    },
+  },
+  created() {
+    this.getListTransactionLinks()
+  },
+}
+</script>