Fetching menus from server

Author: oguzhan.onder

src/containers/menus.js

@@ -1,34 +1,9 @@
+import store from '../store/store';
+
 export default [
   {
     _name: 'CSidebarNav',
-    _children: [
-      {
-        _name: 'CSidebarNavItem',
-        name: 'Dashboard',
-        to: '/dashboard',
-        icon: 'cil-speedometer'
-      },
-      {
-        _name: 'CSidebarNavDropdown',
-        name: 'Ürün Yönetimi',
-        icon: 'cil-puzzle',
-        route: '/product',
-        items: [
-         /* {
-            name: 'Ürün Listesi',
-            to: '/product/productList'
-          },*/
-          {
-            name: 'Ürün Listesi',
-            to: '/product/purchase'
-          },
-          {
-            name: 'Ürün Çıkışı',
-            to: '/product/sell'
-          },
-        ]
-      },
+    _children: store.getters.getShowMenus
 
-    ]
   }
 ]

src/store/actions.js

@@ -39,7 +39,14 @@ export const registerConfirm = (vueContext, param) => {
 export const getUserAndMenus = (vueContext) => {
   return util.service.get("user/menus")
     .then(response => {
-      console.log(response);
+      if (response) {
+        vueContext.commit("setUser", response.data);
+        vueContext.commit("setShowMenus", response.data.menus);
+        util.common.control(response);
+      }
+
+    }).catch(error => {
+      util.common.control(error);
     })
 }
 

src/store/getters.js

@@ -1,19 +1,27 @@
 export const getTradeResult = (state) => {
- return {
-   purchase: state.purchase,
-   sale : state.sale,
-   balance : state.balance
- }
+  return {
+    purchase: state.purchase,
+    sale: state.sale,
+    balance: state.balance
+  }
 };
 
-export const getIsLogin = (state) =>{
+export const getIsLogin = (state) => {
   return state.isLogin;
-}
+};
 
-export const getIsLoading = (state) =>{
+export const getIsLoading = (state) => {
   return state.isLoading;
-}
+};
 
-export const getMyToast = (state)=>{
+export const getMyToast = (state) => {
   return state.myToast;
+};
+
+export const getUser = (state) => {
+  return state.user;
+};
+
+export const getShowMenus = (state) => {
+  return state.showMenus;
 }

src/store/mutations.js

@@ -1,3 +1,5 @@
+import * as util from '../util/util';
+
 export const updateTradeResult = (state, trade) => {
   state.count = trade.count;
   state.sale = trade.sale;
@@ -31,3 +33,12 @@ export const set = (state, [variable, value]) => {
   state[variable] = value
 };
 
+export const setUser = (state, value) => {
+  state.user = value;
+};
+
+export const setShowMenus = (state,values) =>{
+  let menus = util.common.prepareMenus(values);
+  state.showMenus = menus;
+};
+

src/store/store.js

@@ -7,22 +7,23 @@ import * as actions from './actions';
 
 Vue.use(Vuex);
 
- const store = new Vuex.Store({
+const store = new Vuex.Store({
   state: {
     purchase: 0.0,
     sale: 0.0,
     balance: 0.0,
-    isLogin : null,
-    isLoading : false,
-    user : null,
+    isLogin: null,
+    isLoading: false,
+    user: null,
+    showMenus: [],
     sidebarShow: 'responsive',
     sidebarMinimize: false,
-    myToast : {
-      message : "",
-      icon : "",
-      type : "",
+    myToast: {
+      message: "",
+      icon: "",
+      type: "",
       header: "Bilgi Mesajı",
-      show : false
+      show: false
     }
   },
   getters: getters,
@@ -33,5 +34,5 @@ Vue.use(Vuex);
   }
 });
 
- export default store;
+export default store;
 

src/util/util.js

@@ -115,7 +115,43 @@ export const common = {
       toast.icon = toastIcon.WARNING;
     }
     return toast;
+  },
+  prepareMenus(values) {
+    let menus = [];
+    let children = [];
+    let val;
+    let child;
+    if (values) {
+      for (val in values) {
+        let menu = {};
+        if (values[val].code === "dashboard") {
+          menu._name = "CSidebarNavItem"
+        } else {
+          menu._name = "CSidebarNavDropdown"
+        }
+        menu.name = values[val].name;
+        menu.icon = values[val].icon;
+        menu.to = values[val].path;
+        menu.orderItem = values[val].orderItem;
+        if (values[val].children.length > 0) {
+          for (child in values[val].children) {
+            let childMenu = {};
+            childMenu.name = values[val].children[child].name;
+            childMenu.to = values[val].children[child].path;
+            childMenu.orderItem = values[val].children[child].orderItem;
+            childMenu.code = values[val].children[child].code;
+            childMenu.icon = values[val].children[child].icon;
+            children.push(childMenu);
+          }
+          menu.items = children;
+        }
+        menus.push(menu);
+      }
+    }
+    return menus;
   }
+
+
 };
 
 export const randomCode = function (data) {