delete from nested works

Author: LOLDragoon

src/components/HomeQueue.vue

@@ -14,7 +14,7 @@
       <!-- <div class="list-group-item" @dblclick="setActiveElement(element)" v-for="(element) in renderList" :key="element[1] + Date.now()"> -->
       <div :class="activeHTML === element[2] ? 'list-group-item-selected' : 'list-group-item'" @dblclick="setActiveElement(element)" v-for="(element) in renderList" :key="element[1] + Date.now()">
         {{ element[0] }}
-        <i class="fas fa fa-trash fa-md" @click="deleteElement(element[1])"></i>
+        <i class="fas fa fa-trash fa-md" @click="deleteElement(element[2])"></i>
       </div>
     </draggable>
   </section>
@@ -80,9 +80,9 @@ export default {
   },
   methods: {
     ...mapActions(['setActiveHTML', 'setActiveLayer']),
-    deleteElement (index) {
+    deleteElement (id) {
       if (this.activeComponent === '') this.$store.dispatch(deleteSelectedElement, index)
-      else this.$store.dispatch(deleteFromComponentHtmlList, index)
+      else this.$store.dispatch(deleteFromComponentHtmlList, id)
     },
     setActiveElement (element) {
       this.$store.dispatch(setActiveHTML, element)

src/store/mutations.js

@@ -32,7 +32,9 @@ const breadthFirstSearchParent = (array,id) => {
     let evaluated = queue.shift()
     for(let i=0; i<evaluated.children.length;i++){
     if(evaluated.children[i].id === id){
-      return evaluated
+      return {
+        evaluated:evaluated,
+        index : i
      }
     }
     if (evaluated.children.length){
@@ -41,7 +43,7 @@ const breadthFirstSearchParent = (array,id) => {
   }
   console.log("We shouldn't be ever getting here, how did you even search an id that didn't exist?")
 }
-
+}
 const mutations = {
 
   [types.SET_ACTIVE_LAYER]: (state, payload) =>{
@@ -78,7 +80,7 @@ const mutations = {
     let newID = breadthFirstSearchParent(state.componentMap[state.activeComponent].htmlList, payload)
     //console.log("new ID here", newID)
       let newLayer = {...state.activeLayer}
-      newLayer.id = newID.id
+      newLayer.id = newID.evaluated.id
       newLayer.lineage.pop()
       console.log("We should have gone up  a level ", newLayer)
       state.activeLayer = newLayer
@@ -215,11 +217,15 @@ const mutations = {
     })
   },
 
-  [types.DELETE_FROM_COMPONENT_HTML_LIST]: (state, idx) => {
+  [types.DELETE_FROM_COMPONENT_HTML_LIST]: (state, id) => {
     const componentName = state.activeComponent
     const htmlList = state.componentMap[componentName].htmlList.slice(0)
     // splice out selected element and return resulting array
-    htmlList.splice(idx, 1)
+    let element = breadthFirstSearchParent(htmlList, id);
+    console.log("This is element", element)
+    element.evaluated.children.splice(element.index,1);
+   // htmlList.splice(idx, 1)
+
     state.componentMap[componentName].htmlList = htmlList
   },
   [types.SET_CLICKED_ELEMENT_LIST]: (state, payload) => {