From 07af2de0f59af34991ba7c3c9ecb7d25c43ade8c Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Fri, 8 Sep 2017 23:14:42 -0400
Subject: [PATCH] encrypted notes are distinguished in the tree by shaded icons

---
 static/icons/file-shaded.png   | Bin 0 -> 314 bytes
 static/icons/folder-shaded.png | Bin 0 -> 342 bytes
 static/js/note.js              |   5 +++--
 static/js/tree.js              |   2 ++
 static/style.css               |  10 ++++++++++
 5 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 static/icons/file-shaded.png
 create mode 100644 static/icons/folder-shaded.png

diff --git a/static/icons/file-shaded.png b/static/icons/file-shaded.png
new file mode 100644
index 0000000000000000000000000000000000000000..3dd43563a00e2d1ff67b00848f95a8ccf97cf063
GIT binary patch
literal 314
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b
zKpodXn9)gNb_Gz7y~NYkmHi<nCo{LTVeY|GK%wKFE{-7<r{7*S%xZEJV13{}QN+{l
zfxN-ggyejw*;_1ou8L^}=XOL?u^o)EaZ+g2*y*rg!(<1O+#H@Y$KwBgv6GlF^X~Tw
z9%I$rJDj&&U%j}0sql-3>gs7bY+STde{%IJwse1S?)fMgUvZdu-{tQ`lj0L6K7PmP
z+fz7Ky?{r4hdcA)kR?F@3z{v}G9Jrrca{CJE#=1%k*$aLoH)8m%nXkyvi+aysCSNO
zH&b>9cfqE&xBfeRKVkUx`00hoO=5X|7Be1y-F|~%X0+j_&+jjs1A2+U)78&qol`;+
E07=DrDF6Tf

literal 0
HcmV?d00001

diff --git a/static/icons/folder-shaded.png b/static/icons/folder-shaded.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8eccd7a58995637a009e9c15c0519dbe9fdf1bc
GIT binary patch
literal 342
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b
zKpodXn9)gNb_Gz7y~NYkmHi<nCo`MTUwL+ApwMGa7sn8b(@QTKdNDhS9Qzor#%S7f
zcF_&jOB~y>v?E?>uKC7wS}tjQf^r3;?v<cu!8NR`TZ5XGMx<^$c}Og>{LY@Vw#v_c
zpFiGft|PJcW>tsqnrlVVE%KRJavn-OzV*|}Z{uY)i3D-)$Z4^y0$v)YjYM1xkFd%;
zf3dHy?RJA*$fK<J%U;ULNy*7QW?Sqyd8>-2TID?dXHV1k_&12}3fcE;+kLhh9WM{X
zf4s%|q1m)1@doRL9)Fd<uNgDWO?}an6tz_?EM&L!+r$?2JCBtoZS1VgVc+wRL;t@-
hYr4$i+Kcz!h%YxcQuWr~=@0ZSgQu&X%Q~loCIF%AhTZ@G

literal 0
HcmV?d00001

diff --git a/static/js/note.js b/static/js/note.js
index 72ed0f312..2b126c392 100644
--- a/static/js/note.js
+++ b/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);
diff --git a/static/js/tree.js b/static/js/tree.js
index 3be05eada..f89c8b188 100644
--- a/static/js/tree.js
+++ b/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;
diff --git a/static/style.css b/static/style.css
index 39d4caca0..6398abb0e 100644
--- a/static/style.css
+++ b/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;