Finished filtering client side

2 files changed, 18 insertions, 12 deletions

diff --git a/static/scripts.js b/static/scripts.js
index 6fec221..01196d3 100644
--- a/static/scripts.js
+++ b/static/scripts.js
@@ -1,5 +1,11 @@
-function collapseTogglePress(elem) {
-    console.log("elem");
+function collapseTogglePress(elem, a_elem, num_hidden) {
+    if (getComputedStyle(document.getElementById(elem)).display === "none") {
+        document.getElementById(elem).style.display = "block";
+        document.getElementById(a_elem).innerText = `Hide ${num_hidden} filters`
+    } else {
+        document.getElementById(elem).style.display = "none";
+        document.getElementById(a_elem).innerText =`Un-hide ${num_hidden} hidden filters`
+    }
 }
 
 const PLOT_FUNC_MAPPINGS = {
@@ -7,7 +13,7 @@ const PLOT_FUNC_MAPPINGS = {
 }
 
 $(document).ready(function() {
-    console.log("ready!");
+    document.getElementById("filterform").action = window.location.pathname + "/apply_click";
 
     fetch("/api/charts.json").then((resp) => {
         resp.json().then((body) => {
diff --git a/static/style.css b/static/style.css
index 28d53c7..660a3b4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -40,6 +40,13 @@ input[type="search"] {
   width: 100%;
 }
 
+input[type="submit"] {
+  padding: 3px 5px;
+  box-sizing: border-box;
+  border: 2px solid black;
+  width: 100%;
+}
+
 aside form input[type="submit"] {
   margin-top: 3px;
   width: 100%;
@@ -63,15 +70,8 @@ label {
 }
 
 .collapsetoggle {
-  color: black;
-  font-weight: bold;
-  padding-top: 1px;
-  text-decoration: none;
-}
-
-.collapsetoggle#hover {
-  cursor: pointer;
-  text-decoration: underline;
+  font-size: x-small;
+  padding-left: 5px;
 }
 
 #main_content {