cookie sso

src/plugins/auth.ts

@@ -10,8 +10,9 @@ interface AuthResponse {
 
 const authenticated = async () => ((await getToken()) ? true : false);
 
-async function setAuthen(r: AuthResponse) {
+async function setAuthen(r: AuthResponse, val: string) {
   await setCookie(ACCESS_TOKEN, r.access_token, r.expires_in);
+  setCookie("SSO", val, r.expires_in);
   window.location.href = "/";
 }
 
@@ -70,4 +71,4 @@ async function tokenParsed() {
   return JSON.parse(jsonPayload);
 }
 
-export { getToken, authenticated, logout, setAuthen, tokenParsed };
+export { getToken, authenticated, logout, setAuthen, tokenParsed, getCookie };

src/views/MainLayout.vue

@@ -6,7 +6,7 @@ import { useQuasar } from "quasar";
 import { useRoute } from "vue-router";
 import config from "@/app.config";
 import http from "@/plugins/http";
-import { logout, tokenParsed } from "@/plugins/auth";
+import { logout, tokenParsed, getCookie } from "@/plugins/auth";
 import checkPermission from "@/plugins/checkPermission";
 import { useCounterMixin } from "@/stores/mixin";
 import { useDataStore } from "@/stores/data";
@@ -372,6 +372,8 @@ watch(
   }
 );
 
+const isSsoToken = ref<boolean>(false);
+
 /**
  * ฮุกนี้จะถูกเรียกก่อนที่คอมโพเนนต์จะถูก onMounted
  * กำหนดบทบาทและชื่อผู้ใช้งานจาก Keycloak
@@ -381,6 +383,8 @@ onBeforeMount(async () => {
 
   //  ดิงชื่อผู้ใช้งานจาก keycloak
   const tokenParsedData: any = await tokenParsed();
+  const SSO_TOKEN = await getCookie("SSO");
+  isSsoToken.value = SSO_TOKEN === "y" ? true : false;
   if (tokenParsedData != null) {
     fullname.value = tokenParsedData.name;
     role.value = tokenParsedData.role;
@@ -623,7 +627,7 @@ onUnmounted(() => {
                   </div> -->
                   <!-- <q-option-group v-model="group" :options="options" color="primary"/> -->
                   <q-list dense>
-                    <q-item clickable :href="landingPageUrl">
+                    <q-item clickable :href="landingPageUrl" v-if="isSsoToken">
                       <q-item-section avatar>
                         <q-avatar
                           color="blue"

src/views/auth.vue

@@ -13,7 +13,7 @@ onMounted(async () => {
       expires_in: route.query.expires ? route.query.expires : 36000,
       refresh_token: route.query.accessToken,
     };
-    setAuthen(params);
+    setAuthen(params, "y");
   }
 });
 </script>

src/views/login.vue

@@ -36,7 +36,7 @@ async function onSubmit() {
       },
     })
     .then((res) => {
-      setAuthen(res.data.result);
+      setAuthen(res.data.result, "n");
     })
     .catch((err) => {
       $q.dialog({