add actions to data-container.js

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>

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,

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'"
                 />

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']),