delete routes working

Author: AP

src/components/ComponentDisplay.vue

@@ -91,7 +91,6 @@ export default {
       testOptions: ["parent", "child", "grandchild"],
       testModel: [],
       mockImg: false,
-      // counter: 6,
       initialPosition:{x:0, y:0,},
       initialSize:{w:0,h:0,},
     };

src/components/Routes.vue

@@ -33,9 +33,9 @@ export default {
       this.setActiveRoute(route)
     },
     deleteSelectedRoute (route) {
-      this.setActiveRoute(route)
+      // this.setActiveRoute(route)
       this.deleteRoute(route)
-      this.setActiveRoute('')
+      // this.setActiveRoute('')
     }
   }
 }

src/components/Tree.vue

@@ -22,6 +22,7 @@ export default {
   computed: {
     ...mapState(['componentMap']),
     computedTree () {
+      console.log('buildtree', this.buildTree())
       return this.buildTree()
     }
   },
@@ -61,7 +62,9 @@ export default {
       return result
     },
     buildTree () {
+      console.log('this map', this.componentMap)
       let build = this.transformToTree(this.componentMap)
+      console.log('build', build)
       return build['App']
     }
   }

src/store/mutations.js

@@ -149,6 +149,14 @@ const mutations = {
       text: elementName,
       children: []
     })
+    if (state.activeElement.length) {
+      console.log('activeelement')
+      state.componentMap[componentName].htmlList.push({
+        text: elementName,
+        children: []
+      });
+    } else state.componentMap[componentName].children.push(elementName);
+    // state.activeElement.push(state.componentMap[componentName].children.length - 1, elementName);
   },
   [types.DELETE_FROM_COMPONENT_HTML_LIST]: (state, idx) => {
     const componentName = state.activeComponent
@@ -341,10 +349,14 @@ const mutations = {
     state.parentSelected = payload
   },
   [types.DELETE_ROUTE]: (state, payload) => {
-    const stateCopy = state
-    delete stateCopy.routes[payload]
-    delete stateCopy.componentMap[payload]
-    state = stateCopy
+    // const stateCopy = state
+    delete state.routes[payload]
+    delete state.componentMap[payload]
+    // state = stateCopy
+    state.componentMap.App.children = state.componentMap.App.children.filter((route) => {
+      return route !== payload;
+    })
+    if (!state.routes[state.activeRoute]) state.activeRoute = 'HomeView'
   },
   [types.DELETE_COMPONENT]: (state, payload) => {
     const stateCopy = state

src/store/state/index.js

@@ -16,7 +16,7 @@ let hardA = {
     }],
     text: "div"
   }],
-  children: [],
+  children: ["div"],
   parent: {},
   isActive: false
 }
@@ -56,6 +56,8 @@ const newState = {
   projects: [{ filename: 'Untitled-1', lastSavedLocation: '' }],
   activeRoute: 'HomeView',
   activeComponent: '',
+  // on click, push name and index into active element
+  activeElement: [0, 'div'],
   selectedElementList: [],
   projectNumber: 2,
   activeTab: 0,