client initial commit

Services/client/src/router/index.ts

@@ -0,0 +1,55 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import UserModule from '@/modules/01_user/router'
+import AdminModule from '@/modules/02_admin/router'
+import KeyCloakService from '@/services/KeyCloakService'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      name: 'UserModule',
+      component: () => import('@/views/MainLayout.vue'),
+      children: [...UserModule],
+      meta: {
+        statusAccount: false,
+      },
+    },
+    {
+      path: '/admin',
+      name: 'AdminModule',
+      component: () => import('@/views/MainLayout.vue'),
+      beforeEnter: (_to, _from, next) => {
+        const token = KeyCloakService.GetAccesToken()
+        if (token) {
+          next()
+        } else {
+          KeyCloakService.CallLogin(() => {
+            const tokenAfterLogin = KeyCloakService.GetAccesToken()
+            if (tokenAfterLogin) {
+              next()
+            } else {
+              console.error('ไม่สามารถดึง Token หลังจากล็อกอินได้')
+              next('/')
+            }
+          })
+        }
+      },
+      meta: {
+        statusAccount: true,
+      },
+      children: [...AdminModule],
+    },
+    /**
+     * 404 Not Found
+     * ref: https://router.vuejs.org/guide/essentials/dynamic-matching.html#catch-all-404-not-found-route
+     */
+    {
+      path: '/:pathMatch(.*)*',
+      name: 'NotFound',
+      component: () => import('@/views/ErrorNotFoundPage.vue'),
+    },
+  ],
+})
+
+export default router

Services/client/src/router/loader.ts

@@ -0,0 +1,12 @@
+/**
+ ***** DEPRECATED - Must be delete later *****
+ */
+
+/**โหลดหน้าแบบ async/await
+ * @param view "ชี่อไฟล์".vue
+ * @param folder "folderในsrc" [Ex. /src/"folder"] default=views เมื่อไม่ส่งค่า
+ */
+export function load(view: string, folder: string = 'views') {
+  //   console.log(`@/${folder}/${view}.vue`);
+  return async () => await import(`@/${folder}/${view}.vue`)
+}