add direct link from box view to items filtered by box

src/views/Boxes.vue

@@ -4,7 +4,11 @@
             <div class="col-xl-8 offset-xl-2">
                 <Table
                     :columns="['cid', 'name']"
-                    :actions="['enlarge']"
+                    :actions="[
+                      {name:'enlarge'},
+                      {name:'content', fun: (item,action) => showBoxContent(item.name)},
+                      {name:'delete'},
+                    ]"
                     :items="loadedBoxes"
                     :keyName="'cid'"
                 />
@@ -14,12 +18,14 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
+import {mapActions, mapState} from 'vuex';
 import Table from '@/components/Table';
+
 export default {
   name: 'Boxes',
   components: {Table},
   computed: mapState(['loadedBoxes', 'layout']),
+  methods: mapActions(['showBoxContent']),
 };
 </script>
 

src/views/Items.vue

@@ -16,7 +16,10 @@
             <div class="col-xl-8 offset-xl-2">
                 <Table
                     :columns="['uid', 'description', 'box']"
-                    :actions="['enlarge', 'delete']"
+                    :actions="[
+                      {name: 'enlarge'},
+                      {name: 'delete'}
+                      ]"
                     :items="loadedItems"
                     :keyName="'uid'"
                     @itemActivated="openModalWith($event)"
@@ -26,7 +29,9 @@
         <Cards
             v-if="layout === 'cards'"
             :columns="['uid', 'description', 'box']"
-            :actions="['delete']"
+            :actions="[
+              {name: 'delete'}
+              ]"
             :items="loadedItems"
             :keyName="'uid'"
             v-slot="{ item }"