Add selector for all data

app/javascript/controllers/analyze_controller.js

@@ -5,17 +5,22 @@ export default class extends Controller {
   connect() { }
   refresh(event) {
     let base_url = event.target.value;
+    let target = event.target;
+    console.log(this.selected_slice(target))
+    console.log(target.name)
 
     let url =
       base_url +
       "&academic_years=" +
       this.selected_years().join(",") +
+      "&source=" +
+      this.selected_source(target) +
+      "&slice=" +
+      this.selected_slice(target) +
       "&group=" +
       this.selected_group() +
-      "&slice=" +
-      this.selected_slice() +
       "&graph=" +
-      this.selected_graph() +
+      this.selected_graph(target) +
       "&races=" +
       this.selected_races().join(",") +
       "&genders=" +
@@ -57,37 +62,79 @@ export default class extends Controller {
     return selected_group[0];
   }
 
-  selected_slice() {
-    let slices = [...document.getElementsByName("slice")];
-    let selected_slice = slices
-      .filter((item) => {
-        return item.checked;
-      })
-      .map((item) => {
-        return item.id;
-      });
+  selected_source(target) {
+    if (target.name === 'source') {
+      return target.id;
+    }
+    if (target.name === 'slice' || target.name === 'group') {
+      return 'survey-data-only';
+    }
 
-    return selected_slice[0];
+    return window.source;
   }
 
-  selected_graph() {
+  selected_slice(target) {
+    if (target.name === 'source' && target.id === 'all-data') {
+      return 'all-data';
+    }
+    if (target.name === 'source' && target.id === 'survey-data-only') {
+      return 'students-and-teachers';
+    }
+
+    if (target.name === 'group') {
+      return 'students-by-group';
+    }
+
+    if (target.name === 'source' || target.name === 'slice') {
+      let slices = [...document.getElementsByName("slice")];
+      let selected_slice = slices
+        .filter((item) => {
+          return item.id != "all-data";
+        })
+        .filter((item) => {
+          return item.checked;
+        })
+        .map((item) => {
+          return item.id;
+        });
+
+      return selected_slice[0];
+    }
+
+    return window.slice;
+  }
+
+  selected_graph(target) {
+    if (target.name === 'source' && target.id === 'all-data') {
+      return 'all-data'
+    }
+    if (target.name === 'source' && target.id === 'survey-data-only') {
+      return 'students-and-teachers'
+    }
+
     let graphs = [...document.getElementsByName("slice")];
-    let selected_graph = graphs
+    let selected_slice = graphs
       .filter((item) => {
         return item.checked;
       })
       .map((item) => {
         return item.id;
       })[0];
-    if (selected_graph === 'students-and-teachers') {
-      return selected_graph;
-    } else if (this.selected_group() === 'race') {
-      return 'students-by-race'
-    } else if (this.selected_group() === 'gender'){
-      return 'students-by-gender'
-    } else {
-      return 'students-by-grade'
+
+    if (target.name === 'slice' || target.name === 'group') {
+      if (selected_slice === 'students-and-teachers') {
+        return 'students-and-teachers';
+      } else if (this.selected_group() === 'race') {
+        return 'students-by-race';
+      } else if (this.selected_group() === 'gender') {
+        return 'students-by-gender';
+      } else if (this.selected_group() === 'grade') {
+        return 'students-by-grade';
+      }
     }
+
+    return window.graph;
+
   }
 
   selected_races() {