cat editor: add 'add product' dialog

cateditor/src/pages/editor/store/index.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 import arrayMove from 'array-move'
 import axios from 'axios'
-import { paginateModels } from '@/pagination'
+import { paginateModels, sectionTitle, extendModelFromMaterial } from '@/pagination'
 
 Vue.use(Vuex)
 
@@ -16,6 +16,7 @@ export const store = new Vuex.Store({
     selectedMaterial: null,
     loadingCatalog: false,
     savingCatalog: false,
+    loadingProducts: false,
   },
   getters: {
 
@@ -41,6 +42,18 @@ export const store = new Vuex.Store({
       }
     },
 
+    nextSectionID: state => {
+      if (state.catalog != null) {
+        let id = 0
+        for (let section of state.catalog.sections) {
+          id = Math.max(id, section.id)
+        }
+        return id + 1
+      } else {
+        return -1
+      }
+    },
+
     selectedSection: (state, getters) => {
       if (state.catalog && state.selectedSectionID) {
         return getters.section(state.selectedSectionID)
@@ -69,9 +82,7 @@ export const store = new Vuex.Store({
               // add extra info from a material
               let material = getters.material(model.ids[0])
               if (material) {
-                model['name'] = material.name
-                model['model'] = material.model
-                model['family'] = material.family
+                model = extendModelFromMaterial(material, model)
               } else {
                 console.log('no material found for id', model.ids[0])
               }
@@ -152,6 +163,11 @@ export const store = new Vuex.Store({
     savingCatalog(state) {
       return state.savingCatalog
     },
+
+    loadingProducts(state) {
+      return state.loadingProducts
+    },
+
   },
   mutations: {
     //
@@ -170,6 +186,10 @@ export const store = new Vuex.Store({
     // manipulation
     //
 
+    addSection(state, section) {
+      state.catalog.sections.push(section)
+    },
+
     reorderSection(state, { from, to }) {
       if (from === to) return
       state.catalog.sections = arrayMove(state.catalog.sections, from, to)
@@ -235,6 +255,10 @@ export const store = new Vuex.Store({
       state.savingCatalog = value
     },
 
+    setLoadingProducts(state, value) {
+      state.loadingProducts = value
+    },
+
     setCatalogProperty(state, { key, value }) {
       console.log('mutation set prop', key, value)
       if (state.catalog) {
@@ -325,6 +349,73 @@ export const store = new Vuex.Store({
       commit('setSectionPages', { section: newSection, pages: newPages })
     },
 
+    addMaterialToCatalog({ commit, getters, state }, material) {
+      if (!state.catalog) {
+        console.log('no catalog to add materials to')
+        return
+      }
+
+      // ensure material, not just id
+      if (typeof material === 'string' || typeof material === 'number') {
+        material = getters.material(material)
+      }
+
+      let foundSection = null
+      let foundModels = null
+
+      // look for an existing model in all our sections.
+      // add to first one found.
+      for (let section of state.catalog.sections) {
+        let models = getters.sectionModels(section)
+        let existingModel = models.find(m => m.model === material.model)
+        console.log('section', section.id, 'existing model search', existingModel)
+        if (existingModel) {
+          // prevent duplicates here, but also allow adding the same
+          // id again to a catalog.  put in a new section so it can be
+          // placed elsewhere?
+          let existingMaterial = existingModel.ids.find(m => m.id === material.id)
+          console.log('model', existingModel.model, 'existing material', existingMaterial)
+          if (!existingMaterial) {
+            existingModel.ids.push(material.id)
+            foundSection = section
+            foundModels = models
+          } else {
+            console.log('skip duplicate')
+          }
+          break
+        }
+      }
+
+      if (!foundSection) {
+        // see if we match a section, add a new model at the end
+        let title = sectionTitle(material)
+        for (let section of state.catalog.sections) {
+          if (title === section.name) {
+            let newModel = extendModelFromMaterial(material)
+            let models = getters.sectionModels(section)
+            models.push(newModel)
+            foundSection = section
+            break
+          }
+        }
+      }
+
+      // still nothing, add into a new section
+      if (!foundSection) {
+        let title = sectionTitle(material)
+        let newModel = extendModelFromMaterial(material)
+        foundModels = [newModel]
+        foundSection = {
+          'id': getters.nextSectionID,
+          'name': title,
+        }
+        commit('addSection', foundSection)
+      }
+
+      let pages = paginateModels(foundModels)
+      commit('setSectionPages', { section: foundSection, pages: pages })
+    },
+
     // SET_CAT_SECTIONS: (context, payload) => {
     //   context.commit('SET_CAT_SECTIONS', payload)
     // },
@@ -356,6 +447,32 @@ export const store = new Vuex.Store({
       commit('setCatalog', {})
     },
 
+    async fetchProducts({ commit, dispatch }, text) {
+      commit('setLoadingProducts', true)
+      axios.post('/api/v1/products/search', text)
+        .then(function(response) {
+          commit('setLoadingProducts', false)
+
+          if (response.data && response.data.missing) {
+            // TODO display these somehow
+            console.log('missing ids:', response.data.missing)
+          }
+
+          if (response.data && response.data.found) {
+            console.log('found prods:', response.data.found)
+            commit('addMaterialsToLibrary', response.data.found)
+            for (let material of response.data.found) {
+              dispatch('addMaterialToCatalog', material)
+            }
+          }
+        })
+        .catch(function(error) {
+          commit('setLoadingProducts', false)
+          // TODO set saving error property
+          console.error('error searching for prods: ', error)
+        })
+    },
+
     async loadCatalog({ commit }, id) {
       try {
         commit('setLoadingCatalog', true)