From 255a11ee5ab7555f98f3739fa94cdc02bb8b6875 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 15 Mar 2022 15:54:01 +0100
Subject: [PATCH] add new component TransactionLink.vue

---
 .../TransactionLinks/TransactionLink.vue      | 63 +++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 frontend/src/components/TransactionLinks/TransactionLink.vue

diff --git a/frontend/src/components/TransactionLinks/TransactionLink.vue b/frontend/src/components/TransactionLinks/TransactionLink.vue
new file mode 100644
index 000000000..966fc3f54
--- /dev/null
+++ b/frontend/src/components/TransactionLinks/TransactionLink.vue
@@ -0,0 +1,63 @@
+<template>
+  <div class="transaction-link">
+    <!-- 
+        { "id": "1"
+          "amount": "11", 
+          "holdAvailableAmount": 
+          "11.28840866470862043644", 
+          "memo": "asdas das d", 
+          "code": "d9cc2a3a685ab17f8cd91d46", 
+          "createdAt": "2022-03-15T09:11:53.000Z", 
+          "validUntil": "2022-03-29T09:11:53.000Z", 
+          "redeemedAt": null,  
+    -->
+    <b-row class="gradido-custom-background mb-2">
+      <b-col cols="2">{{ item.amount | GDD }}</b-col>
+      <b-col cols="2">{{ (item.amount - item.holdAvailableAmount) | GDD }}</b-col>
+      <b-col cols="4">{{ item.memo }}</b-col>
+      <b-col cols="2">{{ $moment(item.validUntil).fromNow() }}</b-col>
+      <b-col cols="2">
+        <b-button size="sm" variant="primary" @click="copy">kopieren</b-button>
+        <b-button size="sm" variant="danger"  @click="deleteTransactionLink(item.id)">löschen</b-button>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+<script>
+import { deleteTransactionLink } from '@/graphql/mutations'
+
+export default {
+  name: 'TransactionLink',
+  props: {
+    item: { type: Object, required: true },
+  },
+  methods: {
+    async deleteTransactionLink(id) {
+      await this.$apollo
+        .mutate({
+          mutation: deleteTransactionLink,
+          variables: {
+            id: id,
+          },
+        })
+        .then((result) => {
+          console.log(result.data)
+        })
+        .catch((err) => {
+          this.toastError(err.message)
+        })
+    },
+    copy() {
+      const link = `${window.location.origin}/redeem/${this.item.code}`
+      navigator.clipboard
+        .writeText(link)
+        .then(() => {
+          this.toastSuccess(this.$t('gdd_per_link.link-copied'))
+        })
+        .catch(() => {
+          this.toastError(this.$t('gdd_per_link.not-copied'))
+        })
+    },
+  },
+}
+</script>