From 6290eee15637a0dcc35c3c361f8a3e6d6c5d6cf8 Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Tue, 24 Dec 2019 14:40:01 +0100
Subject: [PATCH] use slot in table too

---
 src/components/Table.vue |  6 ++----
 src/views/Boxes.vue      | 13 +++++++------
 src/views/Items.vue      | 19 +++++++++----------
 3 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/src/components/Table.vue b/src/components/Table.vue
index 72c5872..ef22e94 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -24,16 +24,14 @@
                         >
                     </div>
                 </th>
-                <th>actions</th>
+                <th></th>
             </tr>
         </thead>
         <tbody>
             <tr v-for="item in internalItems" :key="item[keyName]" @click="$emit('itemActivated', item)">
                 <td v-for="(column, index) in columns" :key="index">{{ item[column] }}</td>
                 <td>
-                    <div class="btn-group">
-                      <button class="btn btn-outline-secondary" v-for="(action, a_index) in actions" :key="a_index" @click.stop="action.fun&&action.fun(item)" >{{action.name}}</button>
-                    </div>
+                  <slot v-bind:item="item"/>
                 </td>
             </tr>
         </tbody>
diff --git a/src/views/Boxes.vue b/src/views/Boxes.vue
index b6eb776..051e3de 100644
--- a/src/views/Boxes.vue
+++ b/src/views/Boxes.vue
@@ -4,14 +4,15 @@
             <div class="col-xl-8 offset-xl-2">
                 <Table
                     :columns="['cid', 'name']"
-                    :actions="[
-                      {name:'enlarge'},
-                      {name:'content', fun: item => showBoxContent(item.name)},
-                      {name:'delete'},
-                    ]"
                     :items="loadedBoxes"
                     :keyName="'cid'"
-                />
+                    v-slot="{ item }"
+                >
+                  <div class="btn-group">
+                    <button class="btn btn-outline-secondary" @click.stop="showBoxContent(item.name)" >content</button>
+                    <button class="btn btn-outline-secondary" @click.stop="" >delete</button>
+                  </div>
+                </Table>
             </div>
         </div>
     </div>
diff --git a/src/views/Items.vue b/src/views/Items.vue
index cd73265..c9a73e3 100644
--- a/src/views/Items.vue
+++ b/src/views/Items.vue
@@ -17,22 +17,21 @@
             <div class="col-xl-8 offset-xl-2">
                 <Table
                     :columns="['uid', 'description', 'box']"
-                    :actions="[
-                      {name: 'enlarge', fun: item => openEditingModalWith(item)},
-                      {name: 'delete',fun: item => deleteItem(item)}
-                      ]"
                     :items="loadedItems"
                     :keyName="'uid'"
+                    v-slot="{ item }"
                     @itemActivated="openLightboxModalWith($event)"
-                />
+                >
+                  <div class="btn-group">
+                    <button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)" >edit</button>
+                    <button class="btn btn-outline-secondary" @click.stop="deleteItem(item)" >delete</button>
+                  </div>
+                </Table>
             </div>
         </div>
         <Cards
             v-if="layout === 'cards'"
             :columns="['uid', 'description', 'box']"
-            :actions="[
-              {name: 'delete'}
-              ]"
             :items="loadedItems"
             :keyName="'uid'"
             v-slot="{ item }"
@@ -48,10 +47,10 @@
                 <div class="row mx-auto mt-2">
                     <div class="btn-group">
                         <button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)">
-                            Edit
+                            edit
                         </button>
                         <button class="btn btn-outline-secondary" @click.stop="deleteItem(item)">
-                            Delete
+                            delete
                         </button>
                     </div>
                 </div>