From 70201bc6b218eee0fb2831a5891a45e394ab5c95 Mon Sep 17 00:00:00 2001
From: Matias De lellis <mati86dl@gmail.com>
Date: Fri, 30 Sep 2016 21:19:43 -0300
Subject: [PATCH] Make the filter folders collapsibles

---
 js/script.js                  | 8 ++++++++
 templates/part.navigation.php | 6 ++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/js/script.js b/js/script.js
index f377021..f43c906 100644
--- a/js/script.js
+++ b/js/script.js
@@ -562,6 +562,14 @@ View.prototype = {
             });
         });
 
+        $('#colors-folder').click(function () {
+            $(this).toggleClass("open");
+        });
+
+        $('#notes-folder').click(function () {
+            $(this).toggleClass("open");
+        });
+
         // show app menu
         $('#app-navigation .app-navigation-entry-utils-menu-button').click(function () {
             var entry = $(this).closest('.note');
diff --git a/templates/part.navigation.php b/templates/part.navigation.php
index e2b1fcf..8535b33 100644
--- a/templates/part.navigation.php
+++ b/templates/part.navigation.php
@@ -8,8 +8,7 @@
 	<li id="all-notes"><a href="#" class="icon-home svg"><?php p($l->t('All notes')); ?></a></li>
 	<li id="shared-with-you"><a href="#" class="icon-share svg"><?php p($l->t('Shared with you')); ?></a></li>
 	<li id="shared-by-you"><a href="#" class="icon-share svg"><?php p($l->t('Shared with others')); ?></a></li>
-
-	<li class="collapsible open">
+	<li id="colors-folder" class="collapsible open">
 		<button class="collapse"></button>
 		<a href="#" class="icon-search svg"><?php p($l->t('Colors')); ?></a>
 		<ul>
@@ -21,8 +20,7 @@
 			</li>
 		</ul>
 	</li>
-
-	<li class="collapsible open">
+	<li id="notes-folder" class="collapsible open">
 		<button class="collapse"></button>
 		<a href="#" class="icon-folder svg"><?php p($l->t('Notes')); ?></a>
 		<ul>