Init project

src/store/user-management/moduleUserManagement.js

@@ -0,0 +1,24 @@
+/*=========================================================================================
+  File Name: moduleUserManagement.js
+  Description: Calendar Module
+  ----------------------------------------------------------------------------------------
+  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
+  Author: Pixinvent
+  Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+
+import state from './moduleUserManagementState.js'
+import mutations from './moduleUserManagementMutations.js'
+import actions from './moduleUserManagementActions.js'
+import getters from './moduleUserManagementGetters.js'
+
+export default {
+  isRegistered: false,
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+  getters
+}
+

src/store/user-management/moduleUserManagementActions.js

@@ -0,0 +1,52 @@
+/*=========================================================================================
+  File Name: moduleCalendarActions.js
+  Description: Calendar Module Actions
+  ----------------------------------------------------------------------------------------
+  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
+  Author: Pixinvent
+  Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+import axios from '@/axios.js'
+
+export default {
+  // addItem({ commit }, item) {
+  //   return new Promise((resolve, reject) => {
+  //     axios.post("/api/data-list/products/", {item: item})
+  //       .then((response) => {
+  //         commit('ADD_ITEM', Object.assign(item, {id: response.data.id}))
+  //         resolve(response)
+  //       })
+  //       .catch((error) => { reject(error) })
+  //   })
+  // },
+  fetchUsers ({ commit }) {
+    return new Promise((resolve, reject) => {
+      axios.get('/api/user-management/users')
+        .then((response) => {
+          commit('SET_USERS', response.data)
+          resolve(response)
+        })
+        .catch((error) => { reject(error) })
+    })
+  },
+  fetchUser (context, userId) {
+    return new Promise((resolve, reject) => {
+      axios.get(`/api/user-management/users/${userId}`)
+        .then((response) => {
+          resolve(response)
+        })
+        .catch((error) => { reject(error) })
+    })
+  },
+  removeRecord ({ commit }, userId) {
+    return new Promise((resolve, reject) => {
+      axios.delete(`/api/user-management/users/${userId}`)
+        .then((response) => {
+          commit('REMOVE_RECORD', userId)
+          resolve(response)
+        })
+        .catch((error) => { reject(error) })
+    })
+  }
+}

src/store/user-management/moduleUserManagementGetters.js

@@ -0,0 +1,11 @@
+/*=========================================================================================
+  File Name: moduleCalendarGetters.js
+  Description: Calendar Module Getters
+  ----------------------------------------------------------------------------------------
+  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
+  Author: Pixinvent
+  Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+
+export default {}

src/store/user-management/moduleUserManagementMutations.js

@@ -0,0 +1,19 @@
+/*=========================================================================================
+  File Name: moduleCalendarMutations.js
+  Description: Calendar Module Mutations
+  ----------------------------------------------------------------------------------------
+  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
+  Author: Pixinvent
+  Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+
+export default {
+  SET_USERS (state, users) {
+    state.users = users
+  },
+  REMOVE_RECORD (state, itemId) {
+    const userIndex = state.users.findIndex((u) => u.id === itemId)
+    state.users.splice(userIndex, 1)
+  }
+}

src/store/user-management/moduleUserManagementState.js

@@ -0,0 +1,12 @@
+/*=========================================================================================
+  File Name: moduleCalendarState.js
+  Description: Calendar Module State
+  ----------------------------------------------------------------------------------------
+  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
+  Author: Pixinvent
+  Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+export default {
+  users: []
+}