added confirmation promt to delete Cache

frontend/quasar.conf.js

@@ -81,7 +81,8 @@ module.exports = function (ctx) {
 
       // Quasar plugins
       plugins: [
-        'Notify'
+        'Notify',
+        'Dialog'
       ]
 
       // iconSet: 'ionicons-v4'

frontend/src/pages/Login.vue

@@ -138,7 +138,7 @@
       },
       evalAuthentication: function () {
         this.$store.commit('auth/SET_AUTHENTICATED');
-        this.$store.commit('auth/SET_USER');
+        // this.$store.commit('auth/SET_USER');
       },
       logout: function () {
         console.log("logout()");

frontend/src/pages/Overview.vue

@@ -45,7 +45,7 @@
                 <q-item class="q-pr-sm reverse q-gutter-x-sm">
                   <q-btn @click="startCache(cache.id)" unelevated color="positive" stack icon="arrow_forward"
                          label="Starten" size="xs"/>
-                  <q-btn v-if="hasAdminState" @click="deleteCache(cache.id)" unelevated color="negative" stack
+                  <q-btn v-if="hasAdminState" @click="confirmDelete(cache.id)" unelevated color="negative" stack
                   icon="delete" label="Löschen" size="xs"/>
                   <q-btn disable v-if="hasAdminState" @click="editCache(cache.id)" unelevated color="primary" stack
                          icon="edit" label="Bearbeiten" size="xs"/>
@@ -154,6 +154,22 @@
           this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: message, title: header, });
         })
       },
+
+      confirmDelete(cacheID) {
+        this.$q.dialog({
+          title: 'Löschen...',
+          message: 'Willst du diesen Cache wirklich löschen?',
+          persistent: true,
+          cancel: true,
+        }).onOk(() => {
+          console.log('>>>> OK');
+          this.deleteCache(cacheID)
+        }).onCancel(() => {
+          console.log('>>>> Cancel')
+        }).onDismiss(() => {
+        })
+      },
+
       addCache() {
         this.$router.push({path: `/cache`})
       },