From 124f6ac7ada0b1e4bb5fa0e07b3aa2527d647a1d Mon Sep 17 00:00:00 2001
From: Andy Valencia <ajv-899-334-8894@vsta.org>
Date: Sat, 28 Jan 2017 21:13:19 -0800
Subject: [PATCH] Make collapsing feed article lists

---
 js/App.js         | 7 +++++--
 js/application.js | 9 +++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/js/App.js b/js/App.js
index 3a13209..9601734 100644
--- a/js/App.js
+++ b/js/App.js
@@ -260,8 +260,11 @@ App.prototype.populateList = function() {
 	var artidx = 0;
 	for (i = 0; i < byfeed.length; ++i) {
 	    var feed = byfeed[i];
-	    html_str += "<li>" + feed[0].feed_title;
-	    html_str += "<ul>";
+	    html_str += '<li><span' +
+		' onclick="return(toggleFeed(' + i.toString() + '));"' +
+		'>' + feed[0].feed_title + '</span>';
+	    var feedid = '"feed' + i.toString() + '"';
+	    html_str += '<ul id=' + feedid + ' style="display: none;">'
 	    for (var j = 0; j < feed.length; ++j) {
 		article = ua[artidx];
 		html_str += "<li"+ (article.unread ?
diff --git a/js/application.js b/js/application.js
index 5e38312..d8ebd6a 100644
--- a/js/application.js
+++ b/js/application.js
@@ -8,6 +8,15 @@ function debug(obj) {
 	alert(obj)
 }
 
+function toggleFeed(feedid) {
+    var e = document.getElementById("feed" + feedid.toString());
+    if (e.style.display == "none") {
+	e.style.display = "";
+    } else {
+	e.style.display = "none";
+    }
+}
+
 function $(obj) {
 	if(typeof obj == "string") return document.querySelector(obj);
 	else return obj;