dwi.firman/cobaKeuangan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perbaikan keycloak dan hak akses pada sidebarItem, add axios, pinia, zod

Browse Source
This commit is contained in:
dwi.firman
2025-06-02 12:08:55 +07:00
parent 615586c2c6
commit 87a4bdc1a8
12 changed files with 323 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
components/auth/LoginForm.vue
View File

@@ -1,23 +1,26 @@
<script setup lang="ts">
import { ref } from 'vue';
const { $encodeBase64 } = useNuxtApp();
const checkbox = ref(true);
const cookies = useCookie('user_token_profile');
// const keycloak = async () => {
// const response = await $fetch(`/api/auth/login`, { method: 'POST', mode: 'no-cors' }).then((response) => {
// console.log(response)
// cookies.value = $encodeBase64('ini_token')
// window.location.href = response.callbackURL
// })
// }
const { signIn, getProviders } = useAuth()
const providers = await getProviders()
const loginKeycloack = async () => {
const cookies = useCookie('user_token');
try {
const response = await $fetch('/api/auth/login', { method: 'POST', mode: 'no-cors' }).then((response) => {
if (response.callbackURL !== null || response.callbackURL !== undefined || response.callbackURL !== '') {
cookies.value = $encodeBase64('ini_token_user');
window.location.href = response.callbackURL
}
});
} catch (error) {
console.error('Login failed:', error);
}
}
</script>
<template>
<v-row class="d-flex mb-3">
<v-col cols="12">
<!-- <v-col cols="12">
<v-label class="font-weight-bold mb-1">Username</v-label>
<v-text-field variant="outlined" density="compact" hide-details color="primary"></v-text-field>
</v-col>
@@ -30,19 +33,16 @@ const providers = await getProviders()
<div class="d-flex flex-wrap align-center">
<v-checkbox v-model="checkbox" color="primary" hide-details>
<template v-slot:label class="text-body-1">Remeber this Device</template>
</v-checkbox>
<div class="ml-sm-auto">
<NuxtLink to="/" class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium">
Forgot
Password ?</NuxtLink>
</div>
</div>
</v-col>
</v-checkbox>
<div class="ml-sm-auto">
<NuxtLink to="/" class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium">
Forgot
Password ?</NuxtLink>
</div>
</div>
</v-col> -->
<v-col cols="12" class="pt-0">
<button v-for="provider in providers" :key="provider.id" class="login-button" @click="signIn('keycloak')">
Sign in with {{ provider.name }}
</button>
<!-- <v-btn @click="keycloak()" color="primary" size="large" block flat>Sign in</v-btn> -->
<v-btn @click="loginKeycloack" color="primary" size="large" block flat>Sign in</v-btn>
</v-col>
</v-row>
</template>