From a46d1acce7b2f995460d565465c018690810202d Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Sat, 18 Dec 2021 17:15:11 +0100
Subject: [PATCH] show details of a user only once in the table. close open
 details automatically

---
 admin/src/components/UserTable.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/admin/src/components/UserTable.vue b/admin/src/components/UserTable.vue
index 85d10238b..3fba8cc80 100644
--- a/admin/src/components/UserTable.vue
+++ b/admin/src/components/UserTable.vue
@@ -40,7 +40,8 @@
         <b-button
           variant="info"
           size="md"
-          @click="editCreationUserTable(row, row.item)"
+          :class="'details_' + row.detailsShowing"
+          @click="editCreationUserTable(row)"
           class="mr-2"
         >
           <b-icon v-if="row.detailsShowing" icon="x" aria-label="Help"></b-icon>
@@ -49,7 +50,13 @@
       </template>
 
       <template #cell(show_details)="row">
-        <b-button variant="info" size="md" @click="row.toggleDetails" class="mr-2">
+        <b-button
+          variant="info"
+          size="md"
+          :ref="'showing_detals_' + row.detailsShowing"
+          @click="rowDetailsToogle(row, row.item)"
+          class="mr-2"
+        >
           <b-icon v-if="row.detailsShowing" icon="eye-slash-fill" aria-label="Help"></b-icon>
           <b-icon v-else icon="eye-fill" aria-label="Help"></b-icon>
         </b-button>
@@ -181,6 +188,12 @@ export default {
     }
   },
   methods: {
+    rowDetailsToogle(row) {
+      if (this.$refs.showing_detals_true) {
+        this.$refs.showing_detals_true.click()
+      }
+      row.toggleDetails()
+    },
     overlayShow(bookmarkType, item) {
       this.overlay = true
       this.overlayBookmarkType = bookmarkType
@@ -244,10 +257,6 @@ export default {
         })
     },
     editCreationUserTable(row, rowItem) {
-      this.currentItems.forEach(item => {
-            this.$set(item, '_showDetails', false)
-          })
-          
       if (!row.detailsShowing) {
         this.creationUserData = rowItem
       } else {