open project in one action

Author: JojuOlaode

src/components/OpenProjectComponent.vue

@@ -14,9 +14,10 @@ export default {
   name: 'OpenProjectComponent',
   methods: {
     ...mapActions([
-      'setComponentMap',
-      'setRoutes',
-      'setImagePath'
+      // 'setComponentMap',
+      // 'setRoutes',
+      // 'setImagePath',
+      'openProject'
     ]),
     parseFileName(file) {
       //Obtains json file name from file path
@@ -25,11 +26,13 @@ export default {
     openJSONFile (data) {
       const jsonFile = JSON.parse(fs.readFileSync(data[0], 'utf8'))
       console.log('json file', jsonFile.imagePath)
-      this.setComponentMap(jsonFile.componentMap)
-      this.setRoutes(jsonFile.routes)
-      if (jsonFile.imagePath) {
-        this.setImagePath(jsonFile.imagePath)
-      }
+      // this.setComponentMap(jsonFile.componentMap)
+      // this.setRoutes(jsonFile.routes)
+      // if (jsonFile.imagePath) {
+      //   this.setImagePath(jsonFile.imagePath)
+      // }
+      // open project action
+      this.openProject(jsonFile)
     },
     showOpenJSONDialog () {
       remote.dialog.showOpenDialog({

src/components/UploadImage.vue

@@ -34,8 +34,9 @@
         <div class="file-path">
           <q-card>
             <!-- <img :src="[imageExists ? `file:///${imagePath[this.activeRoute]}` : ' ']" /> -->
-            <img class='img' :src="source"/>
-
+            <!-- <img class='img' :src="'file:///' + this.imagePath[this.activeRoute]"/> -->
+            <img class='img' v-if='this.imagePath[this.activeRoute] !== ""' :src="'file:///' + this.imagePath[this.activeRoute]"/>
+            <!-- <img /> -->
             <!-- <q-card-section>
               <div class="text-h6 file-header">File Path</div>
               <div class="text-subtitle2 file-content">{{ imagePath[0] }}</div>

src/store/actions.js

@@ -117,9 +117,9 @@ const actions = {
     commit(types.CHANGE_ACTIVE_TAB, payload)
   },
   // used by OpenProjectComponent.vue
-  [types.setComponentMap]: ({ commit }, payload) => {
-    commit(types.SET_COMPONENT_MAP, payload)
-  },
+  // [types.setComponentMap]: ({ commit }, payload) => {
+  //   commit(types.SET_COMPONENT_MAP, payload)
+  // },
   [types.addRouteToRouteMap]: ({ state, commit }, payload) => {
     commit(types.ADD_ROUTE, payload)
     commit(types.SET_ACTIVE_ROUTE, payload)
@@ -137,9 +137,9 @@ const actions = {
   [types.setActiveComponent]: ({ commit }, payload) => {
     commit(types.SET_ACTIVE_COMPONENT, payload)
   },
-  [types.setRoutes]: ({ commit }, payload) => {
-    commit(types.SET_ROUTES, payload)
-  },
+  // [types.setRoutes]: ({ commit }, payload) => {
+  //   commit(types.SET_ROUTES, payload)
+  // },
   [types.deleteProjectTab]: ({ commit }, payload) => {
     commit(types.DELETE_PROJECT_TAB, payload)
   },
@@ -199,9 +199,19 @@ const actions = {
     })
     commit(types.DELETE_USER_STATE, payload)
   },
-  [types.setImagePath]: ({ commit }, payload) => {
-    console.log('image payload', payload)
-    commit(types.SET_IMAGE_PATH, payload)
+  // [types.setImagePath]: ({ commit }, payload) => {
+  //   console.log('image payload', payload)
+  //   commit(types.SET_IMAGE_PATH, payload)
+  // },
+  [types.openProject]: ({ commit }, payload) => {
+    // open project imagePath, componentPath, routePath
+    console.log('image', payload.imagePath)
+    console.log('component', payload.componentMap)
+    console.log('route', payload.routes)
+    commit(types.SET_IMAGE_PATH, payload.imagePath)
+    commit(types.SET_COMPONENT_MAP, payload.componentMap)
+    commit(types.SET_ROUTES, payload.routes)
+    
   }
 }
 

src/store/mutations.js

@@ -119,7 +119,9 @@ const mutations = {
       componentChildrenMultiselectValue: [],
       modalOpen: false,
       parentSelected: false,
-      imagePath: {}
+      imagePath: {
+        HomeView: ''
+      }
     })
   },
 

src/store/state/index.js

@@ -39,7 +39,9 @@ const newState = {
   componentChildrenMultiselectValue: [],
   modalOpen: false,
   parentSelected: false,
-  imagePath: {}
+  imagePath: {
+    HomeView: ''
+  }
 }
 
 // const defaultState = 

src/store/types.js

@@ -108,3 +108,5 @@ export const removeStateFromComponent = 'removeStateFromComponent'
 export const deleteUserState = 'deleteUserState'
 // open image action
 export const setImagePath = 'setImagePath'
+// open project action
+export const openProject = 'openProject'