Custom fields feature.

client/src/store/modules/app.js

@@ -7,6 +7,9 @@ const state = {
 
   pageTitle: 'Welcome',
   actions: [],
+
+  contentState: 0,
+  sidebarOpened: true,
 };
 
 const getters = {
@@ -23,4 +26,16 @@ const actions = {
   },
 };
 
-export default { state, actions, getters };
+const mutations = {
+  toggleSidebar() {
+    state.sidebarOpened = !state.sidebarOpened;
+
+    if (state.sidebarOpened) {
+      localStorage.set('sidebarStatus', 1)
+    } else {
+      localStorage.set('sidebarStatus', 0)
+    }
+  },
+}
+
+export default { state, actions, mutations, getters };

client/src/store/modules/auth.js

@@ -33,7 +33,7 @@ const actions = {
     return ApiService.post('auth/send_reset_password', { email });
   },
 
-  newPassword(, { form }) {
+  newPassword(null, { form }) {
     return ApiService.post('auth/new_password', form);
   },
 };

client/src/store/modules/customers.js

@@ -22,9 +22,7 @@ const actions = {
     commit('setItems', data);
 
     if (count) {
-      commit('setSidebarItemCount', {
-        name: 'customers', count,
-      });
+      commit('setSidebarItemCount', { name: 'customers', count });
     }
     return data;
   },

client/src/store/modules/errorLog.js

@@ -0,0 +1,28 @@
+const state = {
+  logs: [],
+};
+
+const mutations = {
+  ADD_ERROR_LOG: (s, log) => {
+    s.logs.push(log);
+  },
+  CLEAR_ERROR_LOG: (s) => {
+    s.logs.splice(0);
+  }
+}
+
+const actions = {
+  addErrorLog({ commit }, log) {
+    commit('ADD_ERROR_LOG', log);
+  },
+  clearErrorLog({ commit }) {
+    commit('CLEAR_ERROR_LOG');
+  },
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+};

client/src/store/modules/items.js

@@ -3,11 +3,15 @@ import ApiService from '@/plugins/api-service';
 const state = {
   list: {},
   details: [],
+  categories: {},
+  categoriesDetails: [],
 };
 
 const getters = {
   getItems: s => s.list,
   getItem: s => id => s.details.find(i => i.id === id),
+  getItemsCategories: s => s.categories,
+  getItemCategory: s => id => s.categoriesDetails.find(i => i.id === id),
 };
 
 const actions = {
@@ -54,6 +58,41 @@ const actions = {
   async updateItem({}, { form, id }) {
     return ApiService.post(`items/${id}`, form);
   },
+
+  /**
+   * Fetches items categories paged list.
+   */
+  async fetchItemsCategories({}, { query }) {
+    return ApiService.get('/items_categories', { params: query });
+  },
+
+  /**
+   * Fetch details of the given item category.
+   */
+  async fetchItemCategory({}, { id }) {
+    return ApiService.get(`/item/${id}`);
+  },
+
+  /**
+   * Delete the given item category.
+   */
+  async deleteItemCategory({}, { id }) {
+    return ApiService.delete(`/items_categories/${id}`);
+  },
+
+  /**
+   * Post a new item category.
+   */
+  async newItemCategory({}, { form }) {
+    return ApiService.post('/items_categories', form);
+  },
+
+  /**
+   * Update details of the given item category.
+   */
+  async updateItemCategory({}, { id, form }) {
+    return ApiService.post(`/items_categories/${id}`, form);
+  },
 };
 
 const mutations = {
@@ -66,6 +105,15 @@ const mutations = {
     s.details = s.details.filter(i => i.id !== item.id);
     s.details.push(item);
   },
+
+  setItemCategories(s, categories) {
+    s.categories = categories;
+  },
+
+  setItemCategory(s, category) {
+    s.categoriesDetails = s.categoriesDetails.filter(i => i.id !== category.id);
+    s.categoriesDetails.push(category);
+  },
 };
 
 export default { state, actions, mutations, getters };

client/src/store/modules/sidebar.js

@@ -9,7 +9,7 @@ const state = {
     },
     {
       name: 'Products',
-      to: 'dashboard.home',
+      to: 'dashboard.items.list',
     },
     {
       name: 'Customers',
@@ -23,12 +23,54 @@ const state = {
       name: 'Reports',
       to: 'dashboard.home',
     },
+    {
+      name: 'Users',
+      to: 'dashboard.users.list',
+      children: {
+        name: 'New User',
+        to: 'dashboard.user.new',
+      },
+    },
+    {
+      name: 'Accounting',
+      to: 'dashboard.accounts.list',
+    },
+  ],
+
+  quickActions: [
+    {
+      route: 'dashboard.items.list',
+      actions: [
+        {
+          dialog: 'global-search',
+          label: 'Search',
+          icon: 'search',
+        },
+      ],
+    },
+    {
+      route: 'dashboard.items.list',
+      actions: [
+        {
+          dialog: 'test',
+        },
+      ],
+    },
   ],
 };
 
 const getters = {
   getSidebarItems: s => s.items,
   getSidebarItem: s => name => s.items.find(item => item.name === name),
+
+  getAllQuickActions: s => s.quickActions,
+  getQuickActions: s => (route) => {
+    const foundDefault = s.quickActions.find(q => q.default === true);
+    const found = s.quickActions.find(q => q.route === route);
+    const defaultActions = foundDefault ? foundDefault.actions : [];
+
+    return found ? [...defaultActions, found.actions] : defaultActions;
+  },
 };
 
 const actions = {