added reset active component on route and parent component name creation

Author: keliphan

src/components/ParentMultiselect.vue

@@ -11,6 +11,7 @@
       :max-height="150"
       :option-height="20"
       :searchable="true"
+      @click.native="resetActiveComponent"
     ></multiselect>
   </div>
 </template>
@@ -42,14 +43,19 @@ export default {
   methods: {
     ...mapActions([
       // 'addParent',
-      'parentSelected'
+      'parentSelected', 'setActiveComponent'
     ]),
     handleSelect (value) {
       // Set Active Component to selected Parent
       // this.setActiveComponent(value)
       // this.addParent(value)
       // Set parentSelected to true IF VALUE IS A VALID PARENT (not null)
       this.parentSelected(value)
+    },
+    resetActiveComponent () {
+      if (this.activeComponent !== '') {
+        this.setActiveComponent('')
+      }
     }
   },
   watch: {

src/components/RouteDisplay.vue

@@ -1,13 +1,14 @@
 <template>
   <div>
     <q-input
-      @keyup.enter.native="handleEnterKeyPress"
+      @keyup.enter.native="handleEnterKeyPress "
       standout="bg-secondary text-white"
       bottom-slots
       v-model="newRoute"
       label="Enter new route"
       :dense="dense"
       class="input-add"
+      @click.native="resetActiveComponent"
     ></q-input>
     <!--<div class="route-display">-->
     <!--
@@ -35,7 +36,7 @@ export default {
     }
   },
   methods: {
-    ...mapActions(['addRouteToRouteMap', 'setRoutes']),
+    ...mapActions(['addRouteToRouteMap', 'setRoutes', 'setActiveComponent']),
     handleEnterKeyPress () {
       const newRouteName = this.newRoute.replace(/[^a-z0-9-_.]/gi, '')
       if (!newRouteName.trim() || this.routes[newRouteName] || this.componentMap[newRouteName]) {
@@ -48,6 +49,11 @@ export default {
         })
 
         .catch(err => console.log(err))
+    },
+    resetActiveComponent () {
+      if (this.activeComponent !== '') {
+        this.setActiveComponent('')
+      }
     }
   }
 }