Control and command S intercepts, they now save documents

Author: ronan18

src/components/documents.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="page documents">
+<div  class="page documents">
   <button @click="toggleCollections" class="button warning fab"><i class="fas fa-folder" v-if="!collectionsOpen"></i><i class="fas fa-folder-open" v-if="collectionsOpen"></i></button>
 
   <div  v-if="collectionsOpen" class="folder-float box material">
@@ -230,6 +230,7 @@ export default {
         this.collectionFilter = collection.key;
       }
     },
+
     addDocToCollection() {
       let docId = this.addDoc.userData.key;
       let userId = this.addDoc.userData.uid;
@@ -269,7 +270,26 @@ export default {
       }
     },
     remove(doc) {
-      console.log(doc);
+      swal({
+        title: "Are you sure?",
+        text: `You are about to remove this document from your library`,
+        icon: "warning",
+        buttons: true,
+        dangerMode: true
+      }).then(willDelete => {
+        if (willDelete) {
+          firebase
+            .database()
+            .ref(`users/${this.uid}/docs/${doc.userData.key}`)
+            .remove()
+            .then(err => {
+              swal({
+                text: "Removed from your library",
+                icon: "success"
+              });
+            });
+        }
+      });
     },
     addToCollection(doc) {
       this.addDoc = doc;

src/components/editor.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="page editor">
+<div @keypress.224.s.prevent="saveDoc" @keypress.17.s.prevent="saveDoc" class="page editor">
     <loadingScreen v-if="loading"></loadingScreen>
   <br />
   <div class="container">
@@ -480,13 +480,26 @@ export default {
       }
     },
     remove() {
-      firebase
-        .database()
-        .ref(`users/${this.uid}/docs/${this.docId}`)
-        .remove()
-        .then(() => {
-          swal("Removed from your library");
-        });
+      swal({
+        title: "Are you sure?",
+        text: `You are about to remove this document from your library`,
+        icon: "warning",
+        buttons: true,
+        dangerMode: true
+      }).then(willDelete => {
+        if (willDelete) {
+          firebase
+            .database()
+            .ref(`users/${this.uid}/docs/${this.docId}`)
+            .remove()
+            .then(() => {
+              swal({
+                text: "Removed from your library",
+                icon: "success"
+              });
+            });
+        }
+      });
     },
     closeSave() {
       this.shareSettings = false;

src/main.js

@@ -5,6 +5,7 @@ import App from "./App";
 import router from "./router";
 import VTooltip from 'v-tooltip'
 Vue.use(VTooltip)
+
 const firebase = require("firebase");
 let vueApp;
 const config = {