From aa2fb8571bf75b80d80fd65e2498d66e2036ac2b Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Sun, 22 Dec 2019 18:52:08 +0100
Subject: [PATCH] add actions to data-container.js

---
 src/components/Navbar.vue    | 4 ++--
 src/mixins/data-container.js | 2 +-
 src/views/Boxes.vue          | 1 +
 src/views/Items.vue          | 8 ++++++--
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index c681fd0..e08274d 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -37,11 +37,11 @@
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="navbar-nav ml-auto">
                 <li class="nav-item dropdown">
-                    <button class="btn nav-link dropdown-toggle" type="button" id="dropdownMenuButton"
+                    <button class="btn nav-link dropdown-toggle" type="button" id="dropdownMenuButton2"
                             data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                         {{getActiveView}}
                     </button>
-                    <ul class="dropdown-menu bg-dark" aria-labelledby="dropdownMenuButton">
+                    <ul class="dropdown-menu bg-dark" aria-labelledby="dropdownMenuButton2">
                         <li class="" v-for="(link, index) in views" v-bind:key="index" :class="{ active: link.path === getActiveView }">
                             <a class="nav-link text-nowrap" href="#" @click="changeView(link)">{{ link.title }}</a>
                         </li>
diff --git a/src/mixins/data-container.js b/src/mixins/data-container.js
index 6edb923..a4d16c3 100644
--- a/src/mixins/data-container.js
+++ b/src/mixins/data-container.js
@@ -1,7 +1,7 @@
 import * as R from 'ramda';
 
 export default {
-  props: ['columns', 'items', 'keyName'],
+  props: ['columns', 'items', 'actions', 'keyName'],
   data: (self) => ({
     sortBy: self.keyName,
     ascend: true,
diff --git a/src/views/Boxes.vue b/src/views/Boxes.vue
index facf77d..f1d1f19 100644
--- a/src/views/Boxes.vue
+++ b/src/views/Boxes.vue
@@ -4,6 +4,7 @@
             <div class="col-xl-8 offset-xl-2">
                 <Table
                     :columns="['cid', 'name']"
+                    :actions="['enlarge']"
                     :items="loadedBoxes"
                     :keyName="'cid'"
                 />
diff --git a/src/views/Items.vue b/src/views/Items.vue
index 0f3d6fd..0502ea2 100644
--- a/src/views/Items.vue
+++ b/src/views/Items.vue
@@ -16,6 +16,7 @@
             <div class="col-xl-8 offset-xl-2">
                 <Table
                     :columns="['uid', 'description', 'box']"
+                    :actions="['enlarge', 'delete']"
                     :items="loadedItems"
                     :keyName="'uid'"
                     @itemActivated="openModalWith($event)"
@@ -25,13 +26,14 @@
         <Cards
             v-if="layout === 'cards'"
             :columns="['uid', 'description', 'box']"
+            :actions="['delete']"
             :items="loadedItems"
             :keyName="'uid'"
             v-slot="{ item }"
             @itemActivated="openModalWith($event)"
         >
             <img
-                :src="`https://c3lf.de/api/1/thumbs/${item.file}`"
+                :src="`${baseUrl}/1/thumbs/${item.file}`"
                 class="card-img-top img-fluid"
             >
             <div class="card-body">
@@ -48,11 +50,13 @@ import Cards from '@/components/Cards';
 import Modal from '@/components/Modal';
 import EditItem from '@/components/EditItem';
 import { mapState } from 'vuex';
+import config from '../config';
 
 export default {
   name: 'Items',
   data: () => ({
-    selectedItem: null
+    selectedItem: null,
+    baseUrl: config.service.url,
   }),
   components: { Table, Cards, Modal, EditItem },
   computed: mapState(['loadedItems', 'layout']),