build version 400

resources/assets/js/store/modules/item/actions.js

@@ -2,67 +2,85 @@ import * as types from './mutation-types'
 
 export const fetchItems = ({ commit, dispatch, state }, params) => {
   return new Promise((resolve, reject) => {
-    window.axios.get(`/api/items`, {params}).then((response) => {
-      commit(types.BOOTSTRAP_ITEMS, response.data.items.data)
-      commit(types.SET_TOTAL_ITEMS, response.data.items.total)
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .get(`/api/v1/items`, { params })
+      .then((response) => {
+        commit(types.BOOTSTRAP_ITEMS, response.data.items.data)
+        commit(types.SET_TOTAL_ITEMS, response.data.itemTotalCount)
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
 export const fetchItem = ({ commit, dispatch }, id) => {
   return new Promise((resolve, reject) => {
-    window.axios.get(`/api/items/${id}/edit`).then((response) => {
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .get(`/api/v1/items/${id}`)
+      .then((response) => {
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
 export const addItem = ({ commit, dispatch, state }, data) => {
   return new Promise((resolve, reject) => {
-    window.axios.post('/api/items', data).then((response) => {
-      commit(types.ADD_ITEM, response.data)
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .post('/api/v1/items', data)
+      .then((response) => {
+        commit(types.ADD_ITEM, response.data)
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
 export const updateItem = ({ commit, dispatch, state }, data) => {
   return new Promise((resolve, reject) => {
-    window.axios.put(`/api/items/${data.id}`, data).then((response) => {
-      commit(types.UPDATE_ITEM, response.data)
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .put(`/api/v1/items/${data.id}`, data)
+      .then((response) => {
+        commit(types.UPDATE_ITEM, response.data)
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
 export const deleteItem = ({ commit, dispatch, state }, id) => {
   return new Promise((resolve, reject) => {
-    window.axios.delete(`/api/items/${id}`).then((response) => {
-      commit(types.DELETE_ITEM, response.data)
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .post(`/api/v1/items/delete`, id)
+      .then((response) => {
+        commit(types.DELETE_ITEM, id)
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
 export const deleteMultipleItems = ({ commit, dispatch, state }, id) => {
   return new Promise((resolve, reject) => {
-    window.axios.post(`/api/items/delete`, {'id': state.selectedItems}).then((response) => {
-      commit(types.DELETE_MULTIPLE_ITEMS, state.selectedItems)
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .post(`/api/v1/items/delete`, { ids: state.selectedItems })
+      .then((response) => {
+        commit(types.DELETE_MULTIPLE_ITEMS, state.selectedItems)
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
@@ -75,7 +93,7 @@ export const selectAllItems = ({ commit, dispatch, state }) => {
     commit(types.SET_SELECTED_ITEMS, [])
     commit(types.SET_SELECT_ALL_STATE, false)
   } else {
-    let allItemIds = state.items.map(item => item.id)
+    let allItemIds = state.items.map((item) => item.id)
     commit(types.SET_SELECTED_ITEMS, allItemIds)
     commit(types.SET_SELECT_ALL_STATE, true)
   }
@@ -92,56 +110,71 @@ export const selectItem = ({ commit, dispatch, state }, data) => {
 
 export const addItemUnit = ({ commit, dispatch, state }, data) => {
   return new Promise((resolve, reject) => {
-    window.axios.post(`/api/units`, data).then((response) => {
-      commit(types.ADD_ITEM_UNIT, response.data)
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .post(`/api/v1/units`, data)
+      .then((response) => {
+        commit(types.ADD_ITEM_UNIT, response.data)
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
 export const updateItemUnit = ({ commit, dispatch, state }, data) => {
   return new Promise((resolve, reject) => {
-    window.axios.put(`/api/units/${data.id}`, data).then((response) => {
-      commit(types.UPDATE_ITEM_UNIT, response.data)
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .put(`/api/v1/units/${data.id}`, data)
+      .then((response) => {
+        commit(types.UPDATE_ITEM_UNIT, response.data.unit)
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
-export const fetchItemUnits = ({ commit, dispatch, state }) => {
+export const fetchItemUnits = ({ commit, dispatch, state }, params) => {
   return new Promise((resolve, reject) => {
-    window.axios.get(`/api/units`).then((response) => {
-      commit(types.SET_ITEM_UNITS, response.data.units)
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .get(`/api/v1/units`, { params })
+      .then((response) => {
+        commit(types.SET_ITEM_UNITS, response.data.units.data)
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
 export const fatchItemUnit = ({ commit, dispatch, state }, id) => {
   return new Promise((resolve, reject) => {
-    window.axios.get(`/api/units/${id}`).then((response) => {
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .get(`/api/v1/units/${id}`)
+      .then((response) => {
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }
 
 export const deleteItemUnit = ({ commit, dispatch, state }, id) => {
   return new Promise((resolve, reject) => {
-    window.axios.delete(`/api/units/${id}`).then((response) => {
-      if (!response.data.error) {
-        commit(types.DELETE_ITEM_UNIT, id)
-      }
-      resolve(response)
-    }).catch((err) => {
-      reject(err)
-    })
+    window.axios
+      .delete(`/api/v1/units/${id}`)
+      .then((response) => {
+        if (!response.data.error) {
+          commit(types.DELETE_ITEM_UNIT, id)
+        }
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
   })
 }

resources/assets/js/store/modules/item/mutations.js

@@ -1,62 +1,61 @@
 import * as types from './mutation-types'
 
 export default {
-  [types.BOOTSTRAP_ITEMS] (state, items) {
+  [types.BOOTSTRAP_ITEMS](state, items) {
     state.items = items
   },
 
-  [types.SET_TOTAL_ITEMS] (state, totalItems) {
+  [types.SET_TOTAL_ITEMS](state, totalItems) {
     state.totalItems = totalItems
   },
 
-  [types.ADD_ITEM] (state, data) {
+  [types.ADD_ITEM](state, data) {
     state.items.push(data.item)
   },
 
-  [types.UPDATE_ITEM] (state, data) {
-    let pos = state.items.findIndex(item => item.id === data.item.id)
+  [types.UPDATE_ITEM](state, data) {
+    let pos = state.items.findIndex((item) => item.id === data.item.id)
 
     state.items[pos] = data.item
   },
 
-  [types.DELETE_ITEM] (state, id) {
-    let index = state.items.findIndex(item => item.id === id)
+  [types.DELETE_ITEM](state, id) {
+    let index = state.items.findIndex((item) => item.id === id)
     state.items.splice(index, 1)
   },
 
-  [types.DELETE_MULTIPLE_ITEMS] (state, selectedItems) {
+  [types.DELETE_MULTIPLE_ITEMS](state, selectedItems) {
     selectedItems.forEach((item) => {
-      let index = state.items.findIndex(_item => _item.id === item.id)
+      let index = state.items.findIndex((_item) => _item.id === item.id)
       state.items.splice(index, 1)
     })
 
     state.selectedItems = []
   },
 
-  [types.SET_SELECTED_ITEMS] (state, data) {
+  [types.SET_SELECTED_ITEMS](state, data) {
     state.selectedItems = data
   },
 
-  [types.SET_SELECT_ALL_STATE] (state, data) {
+  [types.SET_SELECT_ALL_STATE](state, data) {
     state.selectAllField = data
   },
 
-  [types.ADD_ITEM_UNIT] (state, data) {
-    state.itemUnits = [data.unit, ...state.itemUnits]
+  [types.ADD_ITEM_UNIT](state, data) {
+    state.itemUnits.push(data.unit)
   },
 
-  [types.SET_ITEM_UNITS] (state, data) {
-    state.itemUnits = data
+  [types.SET_ITEM_UNITS](state, itemUnits) {
+    state.itemUnits = itemUnits
   },
 
-  [types.DELETE_ITEM_UNIT] (state, id) {
-    let index = state.itemUnits.findIndex(unit => unit.id === id)
+  [types.DELETE_ITEM_UNIT](state, id) {
+    let index = state.itemUnits.findIndex((unit) => unit.id === id)
     state.itemUnits.splice(index, 1)
   },
 
-  [types.UPDATE_ITEM_UNIT] (state, data) {
-    let pos = state.itemUnits.findIndex(unit => unit.id === data.unit.id)
-    state.itemUnits.splice(pos, 1)
-    state.itemUnits = [data.unit, ...state.itemUnits]
-  }
+  [types.UPDATE_ITEM_UNIT](state, unit) {
+    let pos = state.itemUnits.findIndex((unit) => unit.id === unit.id)
+    state.itemUnits[pos] = unit
+  },
 }