filemanager: Add path breadcrumbs and update dependencies

This commit is contained in:
Johannes Zellner
2023-05-07 17:04:07 +02:00
parent 36c7f779f3
commit 9a77f012d8
3 changed files with 22 additions and 18 deletions
+12 -12
View File
@@ -10,16 +10,16 @@
"dependencies": {
"combokeys": "^3.0.1",
"filesize": "^10.0.7",
"pankow": "^0.1.2",
"pankow": "^0.2.0",
"primeicons": "^6.0.1",
"primevue": "^3.27.0",
"primevue": "^3.28.0",
"superagent": "^8.0.9",
"vue": "^3.2.47",
"vue-router": "^4.1.6"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.2.1",
"vite": "^4.3.3"
"vite": "^4.3.5"
}
},
"node_modules/@babel/parser": {
@@ -844,9 +844,9 @@
}
},
"node_modules/pankow": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/pankow/-/pankow-0.1.2.tgz",
"integrity": "sha512-JrVaqnIKzH762AAjxAyRMW4T/Fm0DhN90aT57Geukb2g8WE7qhBlSOgcFCFu+4U9SGUSy3mIRJaq1K1jdjFXiA==",
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/pankow/-/pankow-0.2.0.tgz",
"integrity": "sha512-NEJuiawjJNVUcPeQ0cxPswmX6jUK1Ut1+57C+q7UJ+4WhC20HT9xCmhcvvwDpgLHRYpKObZQhT/6k/KwgO64Qg==",
"dependencies": {
"filesize": "^10.0.7",
"monaco-editor": "^0.37.1",
@@ -892,9 +892,9 @@
"integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
},
"node_modules/primevue": {
"version": "3.27.0",
"resolved": "https://registry.npmjs.org/primevue/-/primevue-3.27.0.tgz",
"integrity": "sha512-oVJl8vLGNb6t5nXN41mnjR5V9Cc/eHVvmtRWiNgIC1db6OW3Qo7y2LaDEmXps/wdxX/FuJ7nuPHAZI4y8tvGyQ==",
"version": "3.28.0",
"resolved": "https://registry.npmjs.org/primevue/-/primevue-3.28.0.tgz",
"integrity": "sha512-yLHvmtTUvO4znfQqcOYHO8H/l0sBHqfvzPAhu4rKNSRjyrj/KO1cP0S+1aa5zGsspaKxXfi2bhhzwSDD0xXwgA==",
"peerDependencies": {
"vue": "^3.0.0"
}
@@ -999,9 +999,9 @@
}
},
"node_modules/vite": {
"version": "4.3.3",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.3.3.tgz",
"integrity": "sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==",
"version": "4.3.5",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.3.5.tgz",
"integrity": "sha512-0gEnL9wiRFxgz40o/i/eTBwm+NEbpUeTWhzKrZDSdKm6nplj+z4lKz8ANDgildxHm47Vg8EUia0aicKbawUVVA==",
"dev": true,
"dependencies": {
"esbuild": "^0.17.5",
+3 -3
View File
@@ -11,15 +11,15 @@
"dependencies": {
"combokeys": "^3.0.1",
"filesize": "^10.0.7",
"pankow": "^0.1.2",
"pankow": "^0.2.0",
"primeicons": "^6.0.1",
"primevue": "^3.27.0",
"primevue": "^3.28.0",
"superagent": "^8.0.9",
"vue": "^3.2.47",
"vue-router": "^4.1.6"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.2.1",
"vite": "^4.3.3"
"vite": "^4.3.5"
}
}
+7 -3
View File
@@ -28,8 +28,8 @@
<template #header>
<TopBar class="navbar">
<template #left>
<Button icon="pi pi-chevron-left" @click="onGoUp()" text :disabled="cwd === '/'"/>
<span style="margin-left: 20px;">{{ cwd }}</span>
<Button icon="pi pi-chevron-left" @click="onGoUp()" text :disabled="cwd === '/'" style="margin-right: 5px;"/>
<PathBreadcrumbs :path="cwd" :activate-handler="onActivateBreadcrumb"/>
</template>
<template #right>
<Button type="button" label="New" icon="pi pi-plus" @click="onCreateMenu" aria-haspopup="true" aria-controls="create_menu" style="margin-right: 10px" />
@@ -93,7 +93,7 @@ import Menu from 'primevue/menu';
import { useConfirm } from 'primevue/useconfirm';
import { DirectoryView, TopBar, BottomBar, MainLayout, FileUploader } from 'pankow';
import { DirectoryView, TopBar, PathBreadcrumbs, BottomBar, MainLayout, FileUploader } from 'pankow';
import { sanitize, buildFilePath } from 'pankow/utils';
import PreviewPanel from '../components/PreviewPanel.vue';
@@ -114,6 +114,7 @@ export default {
InputText,
MainLayout,
Menu,
PathBreadcrumbs,
PreviewPanel,
TopBar
},
@@ -238,6 +239,9 @@ export default {
this.activeItem = items[0] || null;
this.selectedItems = items;
},
onActivateBreadcrumb(path) {
this.cwd = sanitize(path);
},
onGoUp() {
this.cwd = sanitize(this.cwd.split('/').slice(0, -1).join('/'));
},