From bacf6b492d0e7d5c8f18127c0acf29259f8fc145 Mon Sep 17 00:00:00 2001
From: RichardW <richard.webb@affiliate.oliverwyman.com>
Date: Sun, 12 Jan 2020 13:49:05 +0000
Subject: [PATCH] show/hide the children on click of a router

---
 src/components/route.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/route.vue b/src/components/route.vue
index 9efbd73..5595d26 100644
--- a/src/components/route.vue
+++ b/src/components/route.vue
@@ -15,6 +15,7 @@
       >{{ route.name }}</text>
       <route
         v-for="(child, index) in route.children"
+        v-show="showChildren"
         :key="child.path"
         :route="child"
         :start-radius="outerRadius + config.constants.spaceBetweenParentChild"
@@ -93,7 +94,8 @@ export default {
   },
   data() {
     return {
-      arcGenerator: arc()
+      arcGenerator: arc(),
+      showChildren: false
     };
   },
   computed: {
@@ -129,6 +131,10 @@ export default {
   methods: {
     routeClicked(path) {
       this.$router.push({ path });
+    },
+    selectRoute($event) {
+      this.showChildren = !this.showChildren;
+      this.$emit("clicked", $event);
     }
   }
 };