Removed extra console.log/ Added reset to toggleadvance

Author: Puredbest

Template/App.vue

@@ -5,7 +5,6 @@
                 <!-- <img src='./assets/ImpVis-logo.png' alt="ImpVisLogo" height="50"/> -->
                 <h1> Welcome to Imperial Visualisations!</h1>
                 <p> Your project, {{projectName}} has succesfully been set up using the NodeJS template!</p>
-                <iv-hover-text></iv-hover-text>
             </div>
 
 
@@ -19,14 +18,12 @@
                     <iv-reset-button> Reset </iv-reset-button>
 
                     <iv-toggle-basic> </iv-toggle-basic>
-
-                    <!-- <iv-resetbutton> Reset </iv-resetbutton> -->
+                    <iv-toggle-advance></iv-toggle-advance>
+                    <iv-tickbox></iv-tickbox>
 
                 </iv-toggle-hotspot>
 
 
-                
-
                 <iv-fixed-hotspot position='topright'>
                     I am in a fixed hotspot
                 </iv-fixed-hotspot>

src/components/ResetButton/ResetButton.vue

@@ -5,7 +5,6 @@
 
 <script>
 import { eventBus } from "@/buses/eventBus";
-//import SymbolButton from "SymbolButton.js";
 export default {
     name: "iv-reset-button",
     methods:{
@@ -16,9 +15,8 @@ export default {
             this.$emit("mouseleave",e)
         },
         buttonClick(e){
-            let resetChoice=true;
             this.$emit("click", e)
-            eventBus.$emit("reset-data", resetChoice)
+            eventBus.$emit("reset-data", this.resetChoice)
         },
     },
     props:{
@@ -27,6 +25,11 @@ export default {
         required: false,
         default: false
       },
+      resetChoice: {
+        type:Boolean,
+        required: false,
+        default: true,
+      }
 
     }  
 }

src/components/Slider/Slider.vue

@@ -161,7 +161,6 @@ export default {
 
 
         eventBus.$on("reset-data", data => {
-            console.log("slider!")
             console.log(data);
             
             this.value=this.init_val;

src/components/Tickbox/Tickbox.vue

@@ -34,7 +34,7 @@ export default {
             this.$emit("unchecked", this.checkboxStatus)
           }
         }    
-    }
+    },
 }
 </script>
 <style>

src/components/ToggleAdvance/ToggleAdvance.vue

@@ -5,7 +5,9 @@
 </template>
 
 <script>
-import ToggleAdvanceButton from "./ToggleAdvanceButton.vue"
+import ToggleAdvanceButton from "./ToggleAdvanceButton.vue";
+import {eventBus} from "@/buses/eventBus";
+
 export default {
     name:"iv-toggle-advance",
     components: {"iv-toggle-advance-button": ToggleAdvanceButton},
@@ -42,6 +44,12 @@ export default {
           return false;
         }
       }
+    },
+    mounted(){
+      eventBus.$on("reset-data", data => {
+        console.log(data);
+        this.toggleModeIndex = this.initialModeIndex;
+      });
     }
 }
 </script>

src/components/ToggleBasic/ToggleBasic.vue

@@ -55,15 +55,8 @@ export default {
   mounted(){
     eventBus.$on("reset-data", data => {
       console.log(data);
-      console.log("made it!")
       this.toggleValue=0;
-      console.log(this.toggleValue)
     });
-
-  
-
-
-
   }
 };
 </script>