before merge

Author: katherinek123

src/store/actions.js

@@ -109,8 +109,8 @@ const actions = {
   [types.updateComponentPosition]: ({ commit }, payload) => {
     commit(types.UPDATE_COMPONENT_POSITION, payload);
   },
-  [types.ADD_BINDING]: ({ commit }, payload) => {
-    commit(types.ADD_BINDING, payload);
+  [types.addBindingText]: ({ commit }, payload) => {
+    commit(types.addBindingText, payload);
   },
 
   [types.updateComponentSize]: ({ commit }, payload) => {

src/store/mutations.js

@@ -207,10 +207,10 @@ const mutations = {
     };
   },
   // //add binding 
-  [types.ADD_BINDING]: (state, payload) => {
+  [types.addBindingText]: (state, payload) => {
     //access the htmlList, add payload to the empty bind obj
     //state.component
-    console.log(state.componentMap[state.activeComponenet])
+    console.log(state.componentMap[state.activeComponent])
   },
   [types.DELETE_ACTION_FROM_COMPONENT]: (state, payload) => {
     state.componentMap[state.activeComponent].actions = state.componentMap[state.activeComponent].actions.filter(
@@ -393,7 +393,8 @@ const mutations = {
       text: payload.elementName,
       id: payload.date,
       children: [],
-      class: ''
+      class: '',
+      binding: ""
     });
   },
 
@@ -492,25 +493,25 @@ const mutations = {
     const idDrag = state.componentMap[componentName].idDrag;
     const idDrop = state.componentMap[componentName].idDrop;
 
-    if(idDrag !== idDrop && idDrag !== '' && idDrop !== '') {
+    if (idDrag !== idDrop && idDrag !== '' && idDrop !== '') {
       let indexDrag;
       let indexDrop;
       const htmlList = state.componentMap[componentName].htmlList.slice(0)
 
       if (state.activeLayer.id === "") {
         htmlList.forEach((el, i) => {
-          if(el.id === idDrag){
+          if (el.id === idDrag) {
             indexDrag = i;
-          } else if (el.id === idDrop){
+          } else if (el.id === idDrop) {
             indexDrop = i;
           }
         })
         const draggedEl = htmlList.splice(indexDrag, 1)[0]
-        htmlList.splice(indexDrop,0,draggedEl)
+        htmlList.splice(indexDrop, 0, draggedEl)
       } else {
         const nestedDrag = breadthFirstSearchParent(htmlList, idDrag);
         const nestedDrop = breadthFirstSearchParent(htmlList, idDrop);
-        let nestedEl =nestedDrag.evaluated.children.splice(nestedDrag.index, 1)[0]
+        let nestedEl = nestedDrag.evaluated.children.splice(nestedDrag.index, 1)[0]
         nestedDrop.evaluated.children.splice(nestedDrop.index, 0, nestedEl)
       }
       state.componentMap[componentName].htmlList = htmlList;
@@ -523,22 +524,22 @@ const mutations = {
     const selectedIdDrag = state.selectedIdDrag;
     const selectedIdDrop = state.selectedIdDrop;
 
-    if(selectedIdDrag !== selectedIdDrop && selectedIdDrag !== '' && selectedIdDrop !== ''){
+    if (selectedIdDrag !== selectedIdDrop && selectedIdDrag !== '' && selectedIdDrop !== '') {
       const htmlList = state.selectedElementList.slice(0)
 
       let indexDrag;
       let indexDrop;
 
       htmlList.forEach((el, i) => {
-        if(el.id === selectedIdDrag){
+        if (el.id === selectedIdDrag) {
           indexDrag = i;
-        } else if (el.id === selectedIdDrop){
+        } else if (el.id === selectedIdDrop) {
           indexDrop = i;
         }
       })
 
       const draggedEl = htmlList.splice(indexDrag, 1)[0]
-      htmlList.splice(indexDrop,0,draggedEl)
+      htmlList.splice(indexDrop, 0, draggedEl)
       state.selectedElementList = htmlList;
     }
     state.selectedIdDrag = '';
@@ -720,7 +721,7 @@ const mutations = {
 
     updatedComponent.color = payload.color
   },
-//Attribute updater for parent
+  //Attribute updater for parent
   [types.EDIT_ATTRIBUTE]: (state, payload) => {
     const updatedComponent = state.routes[state.activeRoute].filter(
       (element) => element.componentName === payload.activeComponent

src/store/types.js

@@ -79,7 +79,7 @@ export const REMOVE_ALL_STATE_PROPS_ACTIONS = 'REMOVE_ALL_STATE_PROPS_ACTIONS'
 export const UPDATE_PASTE_TIMER = 'UPDATE_PASTE_TIMER'
 
 export const SET_ID_DRAG = 'SET_ID_DRAG'
-export const SET_ID_DROP = 'SET_ID_DROP' 
+export const SET_ID_DROP = 'SET_ID_DROP'
 export const SET_SELECTED_ID_DRAG = 'SET_SELECTED_ID_DRAG'
 export const SET_SELECTED_ID_DROP = 'SET_SELECTED_ID_DROP'
 export const DRAG_DROP_SORT_HTML_ELEMENTS = 'DRAG_DROP_SORT_HTML_ELEMENTS'
@@ -94,7 +94,7 @@ export const addActiveComponentClass = 'addActiveComponentClass'
 export const deleteActiveComponentClass = 'deleteActiveComponentClass'
 
 //adding vmodel info
-export const ADD_BINDING = 'ADD_BINDING'
+export const addBindingText = 'addBindingText'
 //
 export const deleteActiveComponentNote = 'deleteActiveComponentNote'
 export const addActiveComponentNote = 'addActiveComponentNote'