start project

src/plugins/axios.ts

@@ -0,0 +1,24 @@
+import axios from 'axios'
+// import { dotnetPath } from "../path/axiosPath";
+// import { getToken } from "@baloise/vue-keycloak";
+import { getToken } from './auth'
+
+const axiosInstance = axios.create({
+  withCredentials: false,
+})
+
+// axiosInstance.defaults.baseURL = dotnetPath;
+axiosInstance.interceptors.request.use(
+  async (config) => {
+    const token = await getToken()
+    config.headers = {
+      Authorization: `Bearer ${token}`,
+    }
+    return config
+  },
+  (error) => {
+    Promise.reject(error)
+  }
+)
+
+export default axiosInstance

src/plugins/filters.ts

@@ -0,0 +1,20 @@
+/**
+ * GLOABL Filters
+ *   - ไฟล์นี้จะไว้เก็บฟังก์ชันง่าย ๆ พวก Helper Functions ทั้งหลาย
+ */
+
+const filters = {
+  /**
+   * ฟังก์ชัน compactNumber ใช้แปลงตัวเลขยาว ๆ ให้กลายเป็นเลขสั้น ๆ แบบที่พวก Social Media ชอบใช้กัน เช่น 1,000 แปลงเป็น 1K หรือ 1,000,000 แปลงเป็น 1M
+   * วิธีใช้ : {{ $filters.compactNumber(value) }}
+   *
+   * @param val รับค่าพารามิเตอร์เป็นตัวแปรชนิดตัวเลข
+   * @returns คืนค่าเป็นตัวเลขที่แปลงค่าแล้ว
+   */
+  compactNumber(val: number) {
+    const formatter = Intl.NumberFormat('en', { notation: 'compact' })
+    return formatter.format(val)
+  },
+}
+
+export default filters

src/plugins/http.ts

@@ -0,0 +1,39 @@
+import Axios, { type AxiosRequestConfig, type AxiosResponse } from "axios";
+
+const http = Axios.create({
+  timeout: 1000000000, // เพิ่มค่า timeout
+  headers: {
+    "X-Requested-With": "XMLHttpRequest",
+  },
+});
+
+http.interceptors.request.use(
+  async function (config: AxiosRequestConfig<any>) {
+    config.headers = config.headers ?? {};
+
+    return config;
+  },
+  function (error: any) {
+    return Promise.reject(error);
+  }
+);
+
+http.interceptors.response.use(
+  function (response: AxiosResponse<any, any>) {
+    return response;
+  },
+  function (error: any) {
+    if (typeof error !== undefined) {
+      // eslint-disable-next-line no-prototype-builtins
+      if (error.hasOwnProperty("response")) {
+        if (error.response.status === 401 || error.response.status === 403) {
+          // Store.commit("SET_ERROR_MESSAGE", error.response.data.message);
+          // Store.commit("REMOVE_ACCESS_TOKEN")
+        }
+      }
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default http;

src/plugins/keycloak.ts

@@ -0,0 +1,70 @@
+// authen with keycloak client
+import Keycloak from "keycloak-js";
+
+// const ACCESS_TOKEN = 'BMAHRIS_KEYCLOAK_IDENTITY'
+// const REFRESH_TOKEN = 'BMAHRIS_KEYCLOAK_REFRESH'
+// const keycloakConfig = {
+//   url: import.meta.env.VITE_URL_KEYCLOAK,
+//   realm: import.meta.env.VITE_REALM_KEYCLOAK,
+//   clientId: import.meta.env.VITE_CLIENTID_KEYCLOAK,
+//   clientSecret: import.meta.env.VITE_CLIENTSECRET_KEYCLOAK,
+// }
+
+// const keycloak = new Keycloak(keycloakConfig)
+
+// async function kcAuthen(access_token: string, refresh_token: string) {
+//   await setCookie(ACCESS_TOKEN, access_token, 1)
+//   await setCookie(REFRESH_TOKEN, refresh_token, 1)
+//   window.location.href = '/'
+// }
+
+// async function kcLogout() {
+//   await deleteCookie(ACCESS_TOKEN)
+//   await deleteCookie(REFRESH_TOKEN)
+//   if (keycloak.authenticated !== undefined) {
+//     keycloak.logout()
+//   }
+//   window.location.href = '/login'
+// }
+
+// async function getToken() {
+//   return {
+//     token: getCookie(ACCESS_TOKEN),
+//     refresh_token: getCookie(REFRESH_TOKEN),
+//   }
+// }
+
+// function setCookie(name: string, value: any, days: number) {
+//   let expires = ''
+//   if (days) {
+//     const date = new Date()
+//     date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000)
+//     expires = '; expires=' + date.toUTCString()
+//   }
+//   document.cookie = name + '=' + (value || '') + expires + '; path=/'
+// }
+
+// function getCookie(name: string) {
+//   const nameEQ = name + '='
+//   const ca = document.cookie.split(';')
+//   for (let i = 0; i < ca.length; i++) {
+//     let c = ca[i]
+//     while (c.charAt(0) == ' ') c = c.substring(1, c.length)
+//     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length)
+//   }
+//   return null
+// }
+
+// function deleteCookie(name: string) {
+//   document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`
+// }
+
+// export default keycloak
+// export {
+//   keycloakConfig,
+//   getToken,
+//   kcAuthen,
+//   kcLogout,
+//   ACCESS_TOKEN,
+//   REFRESH_TOKEN,
+// }