update

2025-11-21 14:43:08 +07:00
parent bbdaeee304
commit 9ce103f38e
9 changed files with 167 additions and 233 deletions
@@ -41,121 +41,10 @@ async function onSubmit(data: LoginFormData) {

  isLoading.value = false
 }
-
-const config = useRuntimeConfig()
-// const store = useKeycloak()
-
-const state = reactive({
-    loggedIn: false
-})
-
-async function onSSO() {
-  console.log("=================== on SSO! ===================")
-  const config = useRuntimeConfig()
-
-  const keycloak = new Keycloak({
-      url: config.public.KEYCLOAK_URL,
-      realm: config.public.KEYCLOAK_REALM,
-      clientId: config.public.NUXT_OIDC_PROVIDERS_KEYCLOAK_CLIENT_ID,
-  });
-
-  try {
-    const authenticatedResult = await keycloak.init({ onLoad: 'login-required' }); // Or 'login-required'
-    // seelah line ini aku mek paham logic e tapi faktane dunno
-    const nuxtApp = useNuxtApp()
-    nuxtApp.provide('keycloak', keycloak);
-
-  } catch (error) {
-    console.error('Keycloak initialization failed:', error);
-  }
-
-  // const initOptions = {
-  //     url: config.public.KEYCLOAK_URL,
-  //     realm: config.public.KEYCLOAK_REALM,
-  //     clientId: config.public.KEYCLOAK_ID,
-  //     onLoad: 'login-required'
-  // }
-
-  // const keycloak = new Keycloak(initOptions)
-  // console.log("=================== balik gak se! ===================")
-  // keycloak
-  //     .init({ onLoad: initOptions.onLoad })
-  //     .then((auth) => {
-  //         console.log(auth)
-  //         if (!auth) {
-  //             window.location.reload()
-  //         } else {
-  //             // store.setup(keycloak)
-  //             state.loggedIn = true
-  //         }
-  //     })
-
-  console.log("=================== onto login fes! ===================")
-  // if (state.loggedIn) {
-  //   const result = await xfetch('/api/v1/authentication/login-fes', 'POST', {
-  //     data: keycloak,
-  //   })
-
-  //   if (result.success) {
-  //     const { data: rawdata, meta } = result.body
-  //     if (meta.status === 'verified') {
-  //       login(rawdata)
-  //       navigateTo('/')
-  //     }
-  //   } else {
-  //     if (result.errors) {
-  //       Object.entries(result.errors).forEach(
-  //         ([field, errorInfo]: [string, any]) => (apiErrors.value[field] = errorInfo.message),
-  //       )
-  //     } else {
-  //       apiErrors.value.general = result.error?.message || result.message || 'Login failed'
-  //     }
-  //   }
-  // }
-
-  // const urlSSO =
-  //   config.public.KEYCLOAK_ISSUER +
-  //   '/protocol/openid-connect/auth?client_id=' +
-  //   config.public.KEYCLOAK_ID +
-  //   '&scope=openid%20email%20profile&response_type=code&redirect_uri=' +
-  //   config.public.KEYCLOAK_LOGOUT_REDIRECT +
-  //   '%2Fapi%2Fauth%2Fcallback%2Fkeycloak&state=AKf-WHWdL822V3LaNS5MSFzJ96-VHp6FUXlXxIAzXXM&code_challenge=nXOcGLLlA1NtXI4RM4hL59iP_I_yQAsUDd5sAOkKBF4&code_challenge_method=S256'
-  // await navigateTo(urlSSO,
-  // {
-  //   open: { target: '_blank' },
-  //   external: true
-  // })
-}
-
-async function onResponseSSO(authenticatedResult: string) {
-  console.log("=================== onto login fes!!! ===================")
-  console.log(authenticatedResult)
-    if (authenticatedResult) {
-      const result = await xfetch('/api/v1/authentication/login-fes', 'POST', {
-        data: authenticatedResult,
-      })
-
-      if (result.success) {
-        const { data: rawdata, meta } = result.body
-        if (meta.status === 'verified') {
-          login(rawdata)
-          navigateTo('/')
-        }
-      } else {
-        if (result.errors) {
-          Object.entries(result.errors).forEach(
-            ([field, errorInfo]: [string, any]) => (apiErrors.value[field] = errorInfo.message),
-          )
-        } else {
-          apiErrors.value.general = result.error?.message || result.message || 'Login failed'
-        }
-      }
-    }
-}
 </script>

 <template>
-  <AppAuthLogin :schema="loginSchema" :is-loading="isLoading" @submit="onSubmit" @sso="onSSO" @response="onResponseSSO" />
+  <AppAuthLogin :schema="loginSchema" :is-loading="isLoading" @submit="onSubmit" />
 </template>

 <style scoped></style>