From 8499547f6f7a37a7b0817ab7f609354d0a28fedc Mon Sep 17 00:00:00 2001
From: Case Duckworth
Date: Wed, 20 Jul 2022 23:56:26 -0500
Subject: Add javascript to hide/show stale feeds

---
 sfeed_html.sh | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/sfeed_html.sh b/sfeed_html.sh
index a2f7cc4..3965a87 100755
--- a/sfeed_html.sh
+++ b/sfeed_html.sh
@@ -20,6 +20,8 @@ Planet ACDW</h1>
 <p class="last-updated">last updated at <time>$(date -R)</time></p>
 </header>
 <nav>
+<a href="#" id="stalebutton">hide stale</a>
+//
 <a href="feeds-short.xml">rss</a>
 //
 <a href="feeds.html">all</a>
@@ -31,13 +33,40 @@ Planet ACDW</h1>
 </nav>
 <main>
 $(html_main "$@")
-<aside><ul>$(cat "$aside")</ul></aside>
+<aside><ul id="feedlist">$(cat "$aside")</ul></aside>
 </main>
 <footer>
 Generated by <a href="https://codemadness.org/sfeed-simple-feed-parser.html">sfeed</a>
 using <a href="https://git.acdw.net/sfeed/">this configuration</a>.
 <a href="mailto:planet@me.acdw.net">suggest a feed!</a>
 </footer>
+<script>
+var staleHidden = false;
+var staleItems = new Set(document.getElementsByClassName("stale"));
+var staleFeeds = new Set(document.getElementsByClassName("stale_feed"));
+var feedlistFeeds = new Set(document.getElementById("feedlist").children);
+function hideShowStale(){
+    var display;
+    if (staleHidden) {
+       display = null; staleHidden = false;
+       flBG = null; flBB = null;
+    } else {
+       display = 'none'; staleHidden = true;
+       flBG = 'inherit'; flBB = '1px solid';
+    }
+    staleItems.forEach(e => { e.style.display = display; });
+    staleFeeds.forEach(e => { e.style.display = display; });
+    if (window.innerWidth > 720) {
+      feedlistFeeds.forEach(e => { e.style.background = flBG; e.style.borderBottom = flBB; });
+    }
+}
+var button = document.getElementById("stalebutton");
+button.addEventListener("click", function() {
+    hideShowStale();
+    if (staleHidden) { button.textContent = "show stale"; }
+    else { button.textContent = "hide stale"; }
+});
+</script>
 </body>
 </html>
 EOF
-- 
cgit 1.4.1-21-gabe81