From 00f6a34afd832f8c940504a1597f42c437d42c4b Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@nebulon.de>
Date: Wed, 29 Mar 2023 09:46:07 +0200
Subject: [PATCH] Make confirmDialogs work

---
 src/App.vue        | 13 +++++++------
 src/main.js        |  2 ++
 src/views/Home.vue | 15 ++++++++++++++-
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9644c4a5f..560e01ff1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,15 +1,16 @@
 <template>
-<!--   <router-view v-slot="{ Component }">
-    <transition name="fade">
-      <component :is="Component" />
-    </transition>
-  </router-view> -->
-  <router-view></router-view>
+  <div>
+    <ConfirmDialog/>
+    <router-view></router-view>
+  </div>
 </template>
 
 <script>
 
+import ConfirmDialog from 'primevue/confirmdialog';
+
 export default {
+  components: { ConfirmDialog },
   data() {
     return {
       accessToken: localStorage.accessToken || ''
diff --git a/src/main.js b/src/main.js
index 6ea327563..adf4a7c28 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,6 +6,7 @@ import 'primevue/resources/primevue.min.css';
 import 'primeicons/primeicons.css';
 
 import PrimeVue from 'primevue/config';
+import ConfirmationService from 'primevue/confirmationservice';
 
 import { createRouter, createWebHashHistory } from 'vue-router';
 
@@ -31,5 +32,6 @@ const app = createApp(App);
 
 app.use(router);
 app.use(PrimeVue, { ripple: true });
+app.use(ConfirmationService);
 
 app.mount('#app');
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 6a0180310..f8f5d6ce2 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -41,6 +41,8 @@ import Button from 'primevue/button';
 import Dropdown from 'primevue/dropdown';
 import Menu from 'primevue/menu';
 
+import { useConfirm } from 'primevue/useconfirm';
+
 import pankow from 'pankow';
 
 const DirectoryView = pankow.DirectoryView;
@@ -154,7 +156,16 @@ export default {
       console.log($event, this.contextMenuModel.activeItem);
     },
     onDeleteItem($event) {
-      console.log($event, this.contextMenuModel.activeItem);
+      this.$confirm.require({
+          header: '',
+          message: 'Really delete files?',
+          icon: 'pi pi-exclamation-triangle',
+          accept: async () => {
+            for (let item of this.selectedItems) {
+              console.log('Delete', item)
+            }
+          }
+      });
     },
     onLogout() {
       delete localStorage.accessToken;
@@ -208,6 +219,8 @@ export default {
     }
   },
   async mounted() {
+    useConfirm();
+
     // load all apps
     const [error, result] = await safe(superagent.get(`${BASE_URL}/api/v1/apps`).query({ access_token: localStorage.accessToken }));
     if (error) {