Move style.js to its own file; clean up theme

1 files changed, 29 insertions, 0 deletions

@@ -0,0 +1,29 @@
+/* Make a "Hide/Show Stale Items" button */
+
+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"; }
+});