From 5c56329ee30a76e15b0b22e00d0bc7486e883943 Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Tue, 24 Dec 2019 19:52:22 +0100
Subject: [PATCH] implement Files view as table

---
 src/views/Boxes.vue |  2 +-
 src/views/Files.vue | 25 ++++++++++++++++++++++++-
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/views/Boxes.vue b/src/views/Boxes.vue
index d055242..b5176f2 100644
--- a/src/views/Boxes.vue
+++ b/src/views/Boxes.vue
@@ -10,7 +10,7 @@
                 >
                   <div class="btn-group">
                     <button class="btn btn-secondary" @click.stop="showBoxContent(item.name)" >
-                      <font-awesome-icon icon="archive"/> content
+                      <!--font-awesome-icon icon="archive"/--> content
                     </button>
                     <button class="btn btn-danger" @click.stop="" >
                       <font-awesome-icon icon="trash"/> delete
diff --git a/src/views/Files.vue b/src/views/Files.vue
index dd33e04..a023053 100644
--- a/src/views/Files.vue
+++ b/src/views/Files.vue
@@ -1,10 +1,33 @@
 <template>
-    <p>Files</p>
+  <div class="container-fluid px-xl-5 mt-3">
+    <div class="row">
+      <div class="col-xl-8 offset-xl-2">
+        <Table
+          :columns="['hash', 'uid']"
+          :items="loadedItems"
+          :keyName="'hash'"
+          v-slot="{ item }"
+        >
+          <div class="btn-group">
+            <button class="btn btn-danger" @click.stop="" >
+              <font-awesome-icon icon="trash"/> delete
+            </button>
+          </div>
+        </Table>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
+import {mapActions, mapState} from 'vuex';
+import Table from '@/components/Table';
+
 export default {
   name: 'Files',
+  components: {Table},
+  computed: mapState(['loadedItems']),
+  methods: mapActions([]),
 };
 </script>