encrypted notes are distinguished in the tree by shaded icons

static/js/note.js

@@ -122,11 +122,12 @@ function createNote(node, parentKey, target, encryption) {
         }),
         contentType: "application/json",
         success: function(result) {
-            let newNode = {
+            const newNode = {
                 title: newNoteName,
                 key: result.note_id,
                 note_id: result.note_id,
-                encryption: encryption
+                encryption: encryption,
+                extraClasses: encryption ? "encrypted" : ""
             };
 
             globalAllNoteIds.push(result.note_id);

static/js/tree.js

@@ -171,6 +171,8 @@ $(function(){
 
                 if (note.encryption > 0) {
                     note.title = "[encrypted]";
+
+                    note.extraClasses = "encrypted";
                 }
                 else {
                     note.title = note.note_title;

static/style.css

@@ -48,6 +48,16 @@ span.fancytree-node.fancytree-folder > span.fancytree-icon {
     background-image: url("icons/folder.png");
 }
 
+span.fancytree-node.encrypted > span.fancytree-icon {
+    background-position: 0 0;
+    background-image: url("icons/file-shaded.png");
+}
+
+span.fancytree-node.encrypted.fancytree-folder > span.fancytree-icon {
+    background-position: 0 0;
+    background-image: url("icons/folder-shaded.png");
+}
+
 .ui-autocomplete {
     max-height: 300px;
     overflow-y: auto;