enable collapsing of labels

2 files changed, 22 insertions, 2 deletions

diff --git a/feedlist.js b/feedlist.js
index 344b28acf..af792ccff 100644
--- a/feedlist.js
+++ b/feedlist.js
@@ -238,6 +238,14 @@ function toggleCollapseCat(cat) {
 			}
 		} 
 
+		if (cat == -2) {
+			if (Element.visible("FCATLIST-" + cat)) {
+				setCookie("ttrss_vf_lclps", "1");
+			} else {
+				setCookie("ttrss_vf_lclps", "0");
+			}
+		} 
+
 		Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5,
 			afterFinish: toggleCollapseCat_af });
 
diff --git a/functions.php b/functions.php
index 37ea3d5bf..115bb3475 100644
--- a/functions.php
+++ b/functions.php
@@ -3283,8 +3283,20 @@
 		
 				if (db_num_rows($result) > 0) {
 					if (get_pref($link, 'ENABLE_FEED_CATS')) {
-						print "<li class=\"feedCat\">".__('Labels')."</li>";
-						print "<li id=\"feedCatHolder\" class=\"feedCatHolder\"><ul class=\"feedCatList\">";
+
+						if ($_COOKIE["ttrss_vf_lclps"] == 1) {
+							$holder_style = "display:none;";
+							$ellipsis = "...";
+						} else {
+							$holder_style = "";
+							$ellipsis = "";
+						}
+
+						print "<li class=\"feedCat\">".
+							"<a id=\"FCATN--2\" href=\"javascript:toggleCollapseCat(-2)\">".
+							__('Labels')."</a> <span id='FCAP--2'>$ellipsis</span></li>";
+
+						print "<li id=\"feedCatHolder\" class=\"feedCatHolder\"><ul class=\"feedCatList\" id='FCATLIST--2' style='$holder_style'>";
 					} else {
 						print "<li><hr></li>";
 					}