Replaced browser message when resuming drafts. Resolves #12.

diff --git a/flatnotes/src/components/App.js b/flatnotes/src/components/App.js
index 7fd54416d4b762c38c65ff0a3e4294fc905fb4ca..8f4d64dd04e2eef3d471efc6a2ca9fb3e3c2546d 100644 (file)
--- a/flatnotes/src/components/App.js
+++ b/flatnotes/src/components/App.js
@@ -172,27 +172,45 @@ export default {
     },
 
     toggleEditMode: function() {
+      let parent = this;
+
       // To Edit Mode
       if (this.editMode == false) {
         this.titleInput = this.currentNote.title;
         let draftContent = localStorage.getItem(this.currentNote.filename);
-        // Draft
-        if (draftContent && confirm("Do you want to resume the saved draft?")) {
-          this.initialContent = draftContent;
-        }
-        // Non-Draft
-        else {
-          localStorage.removeItem(this.currentNote.filename);
+
+        if (draftContent) {
+          this.$bvModal
+            .msgBoxConfirm(
+              "There is an unsaved draft of this note stored in this browser. Do you want to resume the draft version or delete it?",
+              {
+                centered: true,
+                title: "Resume Draft?",
+                okTitle: "Resume Draft",
+                cancelTitle: "Delete Draft",
+                cancelVariant: "danger",
+              }
+            )
+            .then(function(response) {
+              if (response == true) {
+                parent.initialContent = draftContent;
+              } else {
+                parent.initialContent = parent.currentNote.content;
+                localStorage.removeItem(parent.currentNote.filename);
+              }
+              parent.editMode = !parent.editMode;
+            });
+        } else {
           this.initialContent = this.currentNote.content;
+          this.editMode = !this.editMode;
         }
       }
       // To View Mode
       else {
         this.titleInput = null;
         this.initialContent = null;
+        this.editMode = !this.editMode;
       }
-      // Always
-      this.editMode = !this.editMode;
     },
 
     newNote: function() {