feat: change names with change category from server

resources/js/Global/plugins/auth.js

@@ -1,6 +1,7 @@
-import { TokenService, PermissionService, UserService } from "@Global/services/storage.services";
+import { TokenService, PermissionService, UserService, CategoryNameService } from "@Global/services/storage.services";
 import ApiService from "@Global/services/api.services";
 import store from "@Core/store/index";
+import Globalstore from "@Global/store/index";
 ApiService.init();
 // If token exists set Authorizion header
 if (TokenService.getToken()) {
@@ -17,4 +18,10 @@ if (UserService.get()) {
     store.commit('auth/SET_AUTH_USER', UserService.get())
 }
 
+if (CategoryNameService.get()) {
+    Globalstore.commit('common/SET_CATEGORY_NAME', CategoryNameService.get())
+} else {
+    Globalstore.dispatch('common/loadCategoryName');
+}
+
 import '@Global/services/errorHandler.services'

resources/js/Global/services/storage.services.js

@@ -2,6 +2,7 @@ import qs from 'qs';
 
 const TOKEN_KEY = 'access_token'
 const USER = 'user'
+const CATEGORYNAME = 'category_name'
 const PERMISSION = 'permission'
 const VIRTUALACTIVITY = 'virtual_activity'
 /**
@@ -23,6 +24,23 @@ const TokenService = {
         localStorage.removeItem(TOKEN_KEY)
     },
 }
+const CategoryNameService = {
+    get() {
+        if (localStorage.getItem(CATEGORYNAME)) {
+            return qs.parse(localStorage.getItem(CATEGORYNAME))
+        }
+        return null;
+    },
+
+    save(category_name = null) {
+        category_name = qs.stringify(category_name);        
+        localStorage.setItem(CATEGORYNAME, category_name)
+    },
+
+    remove() {
+        localStorage.removeItem(CATEGORYNAME)
+    },
+}
 
 const UserService = {
     get() {
@@ -77,4 +95,4 @@ const VirtualActivityService = {
     },
 }
 
-export { TokenService, UserService, PermissionService, VirtualActivityService }
+export { TokenService, UserService, PermissionService, VirtualActivityService, CategoryNameService }

resources/js/Global/store/modules/common/actions.js

@@ -1,4 +1,8 @@
 import { getTime } from "@Global/utils/date/time";
+import { CategoryNameService } from "@Global/services/storage.services";
+// import { url } from "@Auth/mixins/urls";
+import axios from "axios";
+
 export default {
     setCurrentTime:({ commit }) => {
         commit('SET_CURRENT_TIME', getTime());
@@ -6,4 +10,16 @@ export default {
             commit('SET_CURRENT_TIME', getTime());
         }, 2000);
     },
+    async loadCategoryName({ commit }) {
+        try {
+            const response = await axios.get("/api/config");
+            if (response && response.status == 200) {
+                CategoryNameService.save(response.data);
+                commit("SET_CATEGORY_NAME", response.data);
+                return response;
+            }
+		} catch (e) {
+			return false;
+		}
+    },
 }

resources/js/Global/store/modules/common/getters.js

@@ -2,4 +2,5 @@ export default {
     getCurrentModule: state => state.current_module,
     getCurrentModuleInfo: state => state.current_module_info,
     getCurrentTime: state => state.time_now,
+    getCategoryName: state => state.category_name,
 }

resources/js/Global/store/modules/common/mutations.js

@@ -8,4 +8,7 @@ export default {
     SET_CURRENT_TIME(state, currentTime) {
         state.time_now = currentTime;
     },
+    SET_CATEGORY_NAME(state, category_name) {
+        state.category_name = category_name;
+    },
 };

resources/js/Global/store/modules/common/state.js

@@ -1,6 +1,7 @@
 export default {
     time_now: "",
     current_module: "",
+    category_name: {modules: {}},
     current_module_info: {
         name: ""
     }

resources/js/Global/utils/category-name/name.js

@@ -1,9 +1,9 @@
 import Name from './index';
+import GlobalState from "@Global/store/modules/common/state";
 // $_name in text replace 
 export default (path, text = '$_name') => {
     let arrayPath = path.split('.');
-    //should be get from storage
+    let name = GlobalState.category_name.modules;
-    let name = Name.modules;
     
     for (const component of arrayPath) {
         if (name[component]) {