From 5f2537b08d6a04ca28b44b80f0674b7ae23a7dc6 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Sun, 19 Dec 2021 20:51:21 +0100
Subject: [PATCH] add CreationsTransaction List Icon und Component and
 function, example list data

---
 .../CreationTransactionListFormular.vue       | 61 +++++++++++++++++++
 admin/src/components/UserTable.vue            | 57 ++++++++++++++++-
 admin/src/pages/UserSearch.vue                |  1 +
 3 files changed, 117 insertions(+), 2 deletions(-)
 create mode 100644 admin/src/components/CreationTransactionListFormular.vue

diff --git a/admin/src/components/CreationTransactionListFormular.vue b/admin/src/components/CreationTransactionListFormular.vue
new file mode 100644
index 000000000..fbcc8f808
--- /dev/null
+++ b/admin/src/components/CreationTransactionListFormular.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="component-creation-transaction-list">
+    Alle Geschöpften Transaktionen für den User
+    <b-table striped hover :items="items"></b-table>
+  </div>
+</template>
+<script>
+// import { verifyLogin } from '../graphql/verifyLogin'
+// import { createPendingCreation } from '../graphql/createPendingCreation'
+export default {
+  name: 'CreationTransactionList',
+  data() {
+    return {
+      items: [
+        {
+          gdd: 700,
+          date: '16.11.2021',
+          memo: 'klaljk jakldasjd lajlaldjalajsd aasj asdl jaljaldj aa jda l jdla jda',
+          moderator: 'Moderator Eins',
+        },
+        {
+          gdd: 800,
+          date: '23.10.2021',
+          memo: 'jij ijdas ijad sa jsd a ijaojodjajd jiaojdja dij  aij doa aojd ao jd',
+          moderator: 'Moderator Eins',
+        },
+        {
+          gdd: 1000,
+          date: '13.09.2021',
+          memo: 'asdd d adad adsdadda dsdadadasds asdadada da dadadad adadada d',
+          moderator: 'Moderator Eins',
+        },
+        {
+          gdd: 400,
+          date: '03.07.2021',
+          memo: 'casc acas ac acacacs cac acacac acc acac ca cacac',
+          moderator: 'Moderator Zwei',
+        },
+        {
+          gdd: 210,
+          date: '04.06.2021',
+          memo: 'asc dfdvdvdf vfvd vdfvdff vdvdfvd vff dvfd vdfv dfv dfvdf vdfvdfv',
+          moderator: 'Moderator Eins',
+        },
+        {
+          gdd: 890,
+          date: '07.05.2021',
+          memo: 'reett ttertt etet et et ertetetet et ert et ertertertet',
+          moderator: 'Moderator Eins',
+        },
+        {
+          gdd: 380,
+          date: '22.04.2021',
+          memo: 'bnnbnbbncvbcv bcbcbc bcb cbc bcb cvb cbccvvbcvb bvbcbcbcbc bcb cb',
+          moderator: 'Moderator Zwei',
+        },
+      ],
+    }
+  },
+}
+</script>
diff --git a/admin/src/components/UserTable.vue b/admin/src/components/UserTable.vue
index 8ec9e0f60..4692cab49 100644
--- a/admin/src/components/UserTable.vue
+++ b/admin/src/components/UserTable.vue
@@ -81,6 +81,18 @@
         </b-button>
       </template>
 
+      <template #cell(transactions_list)="row">
+        <b-button
+          variant="warning"
+          size="md"
+          :ref="'showing_transactions_list_' + row.detailsShowing"
+          @click="rowDetailsToogleTransactionsList(row, row.detailsShowing)"
+          class="mr-2"
+        >
+          <b-icon icon="list"></b-icon>
+        </b-button>
+      </template>
+
       <template #row-details="row">
         <b-card class="shadow-lg pl-3 pr-3 mb-5 bg-white rounded">
           <b-row class="mb-2">
@@ -110,10 +122,13 @@
             />
           </div>
           <confirm-register-mail-formular
+            v-if="showConfirmRegisterMailFormular"
             :email="row.item.email"
             :dateLastSend="$moment().subtract(1, 'month').format('dddd, DD.MMMM.YYYY HH:mm'),"
           />
 
+          <creation-transaction-list-formular v-if="showCreationTransactionListFormular" />
+
           <b-button size="sm" @click="row.toggleDetails">
             <b-icon
               :icon="type === 'PageCreationConfirm' ? 'x' : 'eye-slash-fill'"
@@ -164,6 +179,8 @@
 import CreationFormular from '../components/CreationFormular.vue'
 import EditCreationFormular from '../components/EditCreationFormular.vue'
 import ConfirmRegisterMailFormular from '../components/ConfirmRegisterMailFormular.vue'
+import CreationTransactionListFormular from '../components/CreationTransactionListFormular.vue'
+
 import { confirmPendingCreation } from '../graphql/confirmPendingCreation'
 
 export default {
@@ -195,10 +212,13 @@ export default {
     CreationFormular,
     EditCreationFormular,
     ConfirmRegisterMailFormular,
+    CreationTransactionListFormular,
   },
   data() {
     return {
       showCreationFormular: null,
+      showConfirmRegisterMailFormular: null,
+      showCreationTransactionListFormular: null,
       creationUserData: {},
       overlay: false,
       overlayBookmarkType: '',
@@ -216,13 +236,20 @@ export default {
   },
   methods: {
     rowDetailsToogle(row, details) {
-      if (this.showCreationFormular === false) {
+      if (
+        this.showConfirmRegisterMailFormular === true ||
+        this.showCreationTransactionListFormular === true
+      ) {
         this.showCreationFormular = true
+        this.showConfirmRegisterMailFormular = false
+        this.showCreationTransactionListFormular = false
         return
       }
       if (details) {
         row.toggleDetails()
         this.showCreationFormular = null
+        this.showConfirmRegisterMailFormular = null
+        this.showCreationTransactionListFormular = null
       }
       if (!details) {
         row.toggleDetails()
@@ -234,21 +261,47 @@ export default {
     },
 
     rowDetailsToogleRegisterMail(row, details) {
-      if (this.showCreationFormular === true) {
+      if (this.showCreationFormular === true || this.showCreationTransactionListFormular === true) {
         this.showCreationFormular = false
+        this.showConfirmRegisterMailFormular = true
+        this.showCreationTransactionListFormular = false
         return
       }
       if (details) {
         row.toggleDetails()
         this.showCreationFormular = null
+        this.showConfirmRegisterMailFormular = null
+        this.showCreationTransactionListFormular = null
       }
       if (!details) {
         row.toggleDetails()
+        this.showConfirmRegisterMailFormular = true
         if (this.$refs.showing_registermail_detals_true !== undefined) {
           this.$refs.showing_registermail_detals_true.click()
         }
       }
     },
+    rowDetailsToogleTransactionsList(row, details) {
+      if (this.showCreationFormular === true || this.showConfirmRegisterMailFormular === true) {
+        this.showCreationFormular = false
+        this.showConfirmRegisterMailFormular = false
+        this.showCreationTransactionListFormular = true
+        return
+      }
+      if (details) {
+        row.toggleDetails()
+        this.showCreationFormular = null
+        this.showConfirmRegisterMailFormular = null
+        this.showCreationTransactionListFormular = null
+      }
+      if (!details) {
+        row.toggleDetails()
+        this.showCreationTransactionListFormular = true
+        if (this.$refs.showing_transactions_list_true !== undefined) {
+          this.$refs.showing_transactions_list_true.click()
+        }
+      }
+    },
     overlayShow(bookmarkType, item) {
       this.overlay = true
       this.overlayBookmarkType = bookmarkType
diff --git a/admin/src/pages/UserSearch.vue b/admin/src/pages/UserSearch.vue
index 494e98949..2a8377415 100644
--- a/admin/src/pages/UserSearch.vue
+++ b/admin/src/pages/UserSearch.vue
@@ -48,6 +48,7 @@ export default {
         },
         { key: 'show_details', label: 'Details' },
         { key: 'confirm_mail', label: 'Mail' },
+        { key: 'transactions_list', label: 'Transaction' },
       ],
       searchResult: [],
       massCreation: [],