note decryption

src/templates/app.html

@@ -40,7 +40,8 @@
 
       <div id="noteDetailWrapper" style="width: 750px; float: left; margin-left: 30px;">
         <div style="float: left; margin: 0 5px 5px 5px;" class="hide-toggle">
-          <button class="btn btn-sm" onclick="encryptNoteAndSendToServer();" style="position: absolute; left: 950px;">Encrypt</button>
+          <button class="btn btn-sm" onclick="encryptNoteAndSendToServer();" id="encryptButton">Encrypt</button>
+          <button class="btn btn-sm" onclick="decryptNoteAndSendToServer();" id="decryptButton">Decrypt</button>
 
           <input autocomplete="off" value="Welcome to Notecase web app!" id="noteTitle" style="font-size: x-large; border: 0; width: 600px;" tabindex="1">
         </div>

static/js/note.js

@@ -144,9 +144,13 @@ recentNotes = [];
 function setNoteBackgroundIfEncrypted(note) {
     if (note.detail.encryption > 0) {
         $(".note-editable").addClass("encrypted");
+        $("#encryptButton").hide();
+        $("#decryptButton").show();
     }
     else {
         $(".note-editable").removeClass("encrypted");
+        $("#encryptButton").show();
+        $("#decryptButton").hide();
     }
 }
 
@@ -306,6 +310,18 @@ function encryptNoteAndSendToServer() {
     });
 }
 
+function decryptNoteAndSendToServer() {
+    const note = globalNote;
+
+    updateNoteFromInputs(note);
+
+    note.detail.encryption = 0;
+
+    saveNoteToServer(note);
+
+    setNoteBackgroundIfEncrypted(note);
+}
+
 function decryptNoteIfNecessary(note) {
     let decryptPromise;
 

static/style.css

@@ -53,4 +53,14 @@ span.fancytree-node.fancytree-folder > span.fancytree-icon {
     overflow-y: auto;
     /* prevent horizontal scrollbar */
     overflow-x: hidden;
+}
+
+#encryptButton {
+    position: absolute;
+    left: 950px;
+}
+
+#decryptButton {
+    position: absolute;
+    left: 950px;
 }