From 5557536b92f033d75c8d2b5c62471a28f5ce77ea Mon Sep 17 00:00:00 2001
From: Kevin Thomas <me@kevinthomas.dev>
Date: Mon, 26 Jul 2021 22:56:40 -0700
Subject: [PATCH] Start work for getting filter to work while noise is playing

---
 src/components/Noise.vue |  4 +---
 src/components/noise.js  | 14 ++++++++++++++
 src/router/index.js      |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/Noise.vue b/src/components/Noise.vue
index 73ab7f5..2660848 100644
--- a/src/components/Noise.vue
+++ b/src/components/Noise.vue
@@ -100,7 +100,7 @@
             v-model="isFilterEnabled"
             label="Enabled"
             class="mb-5"
-            :disabled="startDisabled"
+            @change="updateFilter"
           />
         </v-row>
       </v-col>
@@ -112,7 +112,6 @@
             :items="filterTypeOptions"
             label="Filter Type"
             class="mx-3"
-            :disabled="!isFilterEnabled || startDisabled"
           />
 
           <v-slider
@@ -120,7 +119,6 @@
             label="Frequency Cutoff (Hz)"
             thumb-label="always"
             :thumb-size="40"
-            :disabled="!isFilterEnabled || startDisabled"
             max="20000"
             min="0"
             class="mx-3"
diff --git a/src/components/noise.js b/src/components/noise.js
index eb4a182..8408999 100644
--- a/src/components/noise.js
+++ b/src/components/noise.js
@@ -26,6 +26,7 @@ export default {
   },
   methods: {
     playNoise () {
+      console.log('frequencyCutoff: ', this.frequencyCutoff)
       this.startDisabled = true
       Transport.cancel()
 
@@ -55,6 +56,9 @@ export default {
 
       clearInterval(this.timeRemainingInterval)
       this.timeRemaining = 0
+
+      this.noise = new Noise()
+      this.filter = new Filter()
     },
     startTimer () {
       this.timeRemaining -= 1
@@ -64,6 +68,16 @@ export default {
     },
     updateNoiseColor () {
       this.noise.type = this.noiseColor
+    },
+    updateFilter () {
+      console.log('change')
+      if (this.isFilterEnabled) {
+        this.filter = new Filter(this.frequencyCutoff, this.filterType).toDestination()
+        this.noise.connect(this.filter)
+      } else {
+        this.noise.disconnect(this.filter)
+        this.noise.toDestination()
+      }
     }
   }
 }
diff --git a/src/router/index.js b/src/router/index.js
index f0e1a31..1e744ff 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -41,7 +41,7 @@ const router = new VueRouter({
 })
 
 router.beforeEach((to, from, next) => {
-  if (to.name === 'Home') {
+  if (to.name === 'TMP_Home') {
     instance.get('/auth')
       .then(response => {
         if (response.status === 200) {