From c0a0c9c6602a7918dcce41e7240f1cfbfd4783ac Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@nebulon.de>
Date: Sat, 25 Feb 2023 03:18:07 +0100
Subject: [PATCH] Integrate with new pankow

---
 package-lock.json  | 12 +++++++-----
 package.json       |  2 +-
 src/views/Home.vue | 46 ++++++++++++++++++++++++++++++----------------
 3 files changed, 38 insertions(+), 22 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ec75803c4..fdaa4b954 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "dependencies": {
         "combokeys": "^3.0.1",
         "filesize": "^10.0.6",
-        "pankow": "^0.0.2",
+        "pankow": "^0.0.3",
         "primeicons": "^6.0.1",
         "primevue": "^3.23.0",
         "safetydance": "^2.2.0",
@@ -838,12 +838,14 @@
       }
     },
     "node_modules/pankow": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/pankow/-/pankow-0.0.2.tgz",
-      "integrity": "sha512-EXjTHmduONACqT/bo9oJkyN5q2hRvWdDfAGeWWltt+Nsm9Wx3Q+EuywzEL/O/4XYQwaeEZlIVcZY1HH/pXTrhw==",
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/pankow/-/pankow-0.0.3.tgz",
+      "integrity": "sha512-Xr09Jguksag2K/7Ah++ld/g+bDFe5o+YqOYPKcvFf3KqCdT468YDKretqV9YZ0V+vSnOSII5GvUD/iSGhJrEsw==",
       "dependencies": {
         "filesize": "^10.0.6",
-        "primevue": "^3.23.0"
+        "primevue": "^3.23.0",
+        "safetydance": "^2.2.0",
+        "superagent": "^8.0.9"
       }
     },
     "node_modules/path-parse": {
diff --git a/package.json b/package.json
index 6bff8a0ff..21930ac27 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "combokeys": "^3.0.1",
     "filesize": "^10.0.6",
-    "pankow": "^0.0.2",
+    "pankow": "^0.0.3",
     "primeicons": "^6.0.1",
     "primevue": "^3.23.0",
     "safetydance": "^2.2.0",
diff --git a/src/views/Home.vue b/src/views/Home.vue
index bbd7b4802..d18811f0d 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,25 +1,34 @@
 <template>
   <MainLayout>
     <template #header>
-      <NavigationBar class="navbar">
+      <TopBar class="navbar">
         <template #left>
           <span>You are logged in</span>
         </template>
         <template #right>
+          <span class="p-buttonset" style="margin-right: 10px">
+            <Button label="Save" icon="pi pi-check" />
+            <Button label="Delete" icon="pi pi-trash" />
+            <Button label="Cancel" icon="pi pi-times" />
+          </span>
           <Button label="Logout" @click="onLogout"/>
         </template>
-      </NavigationBar>
+      </TopBar>
     </template>
     <template #body>
       <div class="main-view">
-        <DirectoryView @selection-changed="onSelectionChanged" class="shadow directory-view"/>
-        <PreviewPanel :item="activeItem"/>
+        <div class="main-view-col">
+          <DirectoryView @selection-changed="onSelectionChanged"/>
+        </div>
+        <div class="main-view-col" style="max-width: 300px;">
+          <PreviewPanel :item="activeItem"/>
+        </div>
       </div>
     </template>
     <template #footer>
-      <div>
-        Footer
-      </div>
+      <BottomBar>
+        My Footer
+      </BottomBar>
     </template>
   </MainLayout>
 </template>
@@ -28,9 +37,7 @@
 
 import Button from 'primevue/button';
 
-import { DirectoryView, NavigationBar } from 'pankow';
-
-import MainLayout from 'pankow/components/MainLayout.vue';
+import { DirectoryView, TopBar, BottomBar, MainLayout } from 'pankow';
 
 import PreviewPanel from '../components/PreviewPanel.vue';
 
@@ -38,7 +45,8 @@ export default {
   name: 'Home',
   components: {
     DirectoryView,
-    NavigationBar,
+    TopBar,
+    BottomBar,
     Button,
     MainLayout,
     PreviewPanel
@@ -53,9 +61,8 @@ export default {
       delete localStorage.accessToken;
       this.$router.push('/login');
     },
-    onSelectionChanged(item) {
-      console.log('also changed here', item);
-      this.activeItem = item;
+    onSelectionChanged(items) {
+      this.activeItem = items[0];
     }
   }
 };
@@ -66,9 +73,16 @@ export default {
 
 .main-view {
   flex-grow: 1;
-  overflow: auto;
+  overflow: hidden;
+  height: 100%;
   display: flex;
-  padding: 0 10px;
+  padding: 0 10px
+}
+
+.main-view-col {
+  overflow: auto;
+  flex-grow: 1;
+
 }
 
 </style>