From ea6bab08234701ef01cbbc91d125c821be4c5a46 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 9 Feb 2022 10:17:36 +0100
Subject: [PATCH] selected users table

---
 .../components/Tables/SelectedUsersTable.vue  | 26 +++++++++++++++++++
 admin/src/pages/Creation.vue                  | 11 ++++----
 2 files changed, 31 insertions(+), 6 deletions(-)
 create mode 100644 admin/src/components/Tables/SelectedUsersTable.vue

diff --git a/admin/src/components/Tables/SelectedUsersTable.vue b/admin/src/components/Tables/SelectedUsersTable.vue
new file mode 100644
index 000000000..810f8dac8
--- /dev/null
+++ b/admin/src/components/Tables/SelectedUsersTable.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="component-selected-users-table">
+    <b-table-lite :items="items" :fields="fields" caption-top striped hover stacked="md">
+      <template #cell(bookmark)="row">
+        <b-button variant="danger" size="md" @click="$emit('remove-item', row.item)" class="mr-2">
+          <b-icon icon="x" variant="light"></b-icon>
+        </b-button>
+      </template>
+    </b-table-lite>
+  </div>
+</template>
+<script>
+export default {
+  name: 'SelectedUsersTable',
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+    fields: {
+      type: Array,
+      required: true,
+    },
+  },
+}
+</script>
diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue
index 59c21d385..16678cad8 100644
--- a/admin/src/pages/Creation.vue
+++ b/admin/src/pages/Creation.vue
@@ -40,11 +40,10 @@
               {{ $t('remove_all') }}
             </b-button>
           </div>
-          <user-table
+          <selected-users-table
             class="shadow p-3 mb-5 bg-white rounded"
-            type="UserListMassCreation"
-            :itemsUser="itemsMassCreation"
-            :fieldsTable="fields"
+            :items="itemsMassCreation"
+            :fields="fields"
             @remove-item="removeItem"
           />
         </div>
@@ -64,8 +63,8 @@
 </template>
 <script>
 import CreationFormular from '../components/CreationFormular.vue'
-import UserTable from '../components/UserTable.vue'
 import SelectUsersTable from '../components/Tables/SelectUsersTable.vue'
+import SelectedUsersTable from '../components/Tables/SelectedUsersTable.vue'
 import { searchUsers } from '../graphql/searchUsers'
 import { creationMonths } from '../mixins/creationMonths'
 
@@ -74,8 +73,8 @@ export default {
   mixins: [creationMonths],
   components: {
     CreationFormular,
-    UserTable,
     SelectUsersTable,
+    SelectedUsersTable,
   },
   data() {
     return {