From b00003fb0002bc6466744b1c12261cb546a03771 Mon Sep 17 00:00:00 2001 From: kur0nek-o Date: Mon, 6 May 2024 20:30:24 +0700 Subject: [PATCH] feat: auth request --- src/components/Navigation/Header.vue | 2 +- src/stores/auth.ts | 150 ++++++++++++++------------- src/stores/user.ts | 21 ++-- 3 files changed, 94 insertions(+), 79 deletions(-) diff --git a/src/components/Navigation/Header.vue b/src/components/Navigation/Header.vue index 1ce7287..7aa54ba 100755 --- a/src/components/Navigation/Header.vue +++ b/src/components/Navigation/Header.vue @@ -111,7 +111,7 @@ const showDialogLogout = () => { {{ user.user_access }}

- • UID {{ user.user_uid }} + • {{ user.user_uid }}

diff --git a/src/stores/auth.ts b/src/stores/auth.ts index 57d5b94..8551d47 100755 --- a/src/stores/auth.ts +++ b/src/stores/auth.ts @@ -20,91 +20,101 @@ export const useAuthStore = defineStore('auth', () => { type: 'warning' }) } else { - // isLoading.value = true + if (username.value == 'demo' && password.value == 'demo') { + isLoading.value = true + setTimeout(() => { + isLoading.value = false + if (username.value == 'demo' && password.value == 'demo') { + writeData('token', 'secret-token') - // try { - // const response = await authenticateUser(username.value, password.value) + dispatchNotification({ + title: 'Berhasil', + content: 'Login berhasil, selamat datang kembali!', + type: 'success' + }) - // if (response.success) { - // writeData('token', response.token) - - // filterPresets.value = { - // regional - // uid: { - // id: 2, - // name: 'DISTRIBUSI JAKARTA RAYA' - // }, - // up3: { - // id: 4, - // name: 'UP3 MENTENG' - // }, - // posko: { - // id: 541101, - // name: 'POSKO MENTENG' - // }, - // ulp, - // } - - // if (Object.keys(filterPresets.value).length > 0) { - // writeDataJson('filterPresets', filterPresets.value) - // } - - // dispatchNotification({ - // title: 'Berhasil', - // content: 'Login berhasil, selamat datang kembali!', - // type: 'success' - // }) - - // window.location.reload() - // } else { - // dispatchNotification({ - // title: 'Login Gagal', - // content: 'Username atau password salah', - // type: 'error' - // }) - // } - // } catch (error) { - // dispatchNotification({ - // title: 'Login Gagal', - // content: 'Terjadi kesalahan saat melakukan login', - // type: 'error' - // }) - // } finally { - // isLoading.value = false - // } - - isLoading.value = true - setTimeout(() => { - isLoading.value = false - if (username.value == 'demo' && password.value == 'demo') { - // store token in localStorage - writeData('token', 'secret-token') - - if (Object.keys(filterPresets.value).length > 0) { - writeDataJson('filterPresets', filterPresets.value) + window.location.reload() + } else { + dispatchNotification({ + title: 'Login Gagal', + content: 'Username atau password salah', + type: 'error' + }) } + }, 3000) + } else { + isLoading.value = true - dispatchNotification({ - title: 'Berhasil', - content: 'Login berhasil, selamat datang kembali!', - type: 'success' - }) - // redirect to home page after login - window.location.reload() - } else { + try { + const response = await authenticateUser(username.value, password.value) + + if (response.status) { + const data = response.user + + writeData('token', 'secret-token') + writeData('user_name', data.username) + writeData('user_access', 'Petugas') + writeData('user_uid', data.namaUid) + + handlePresets(data, filterPresets) + + dispatchNotification({ + title: 'Berhasil', + content: 'Login berhasil, selamat datang kembali!', + type: 'success' + }) + + window.location.reload() + } else { + dispatchNotification({ + title: 'Login Gagal', + content: 'Username atau password salah', + type: 'error' + }) + } + } catch (error) { dispatchNotification({ title: 'Login Gagal', - content: 'Username atau password salah', + content: 'Terjadi kesalahan saat melakukan login', type: 'error' }) + } finally { + isLoading.value = false } - }, 3000) + } + } + } + + const handlePresets = (data: any, filterPresets: any) => { + const keys = ['regional', 'uid', 'up3', 'posko', 'ulp'] + let isChanged = false + + for (const key of keys) { + const idKey = `id${key.charAt(0).toUpperCase() + key.slice(1)}` + const nameKey = `nama${key.charAt(0).toUpperCase() + key.slice(1)}` + + if (data[nameKey] && data[idKey]) { + filterPresets.value[key] = { + id: data[idKey], + name: data[nameKey] + } + isChanged = true + } + } + + console.log(filterPresets.value) + + if (isChanged) { + writeDataJson('filterPresets', filterPresets.value) } } const logout = () => { removeData('token') removeData('filterPresets') + removeData('user_name') + removeData('user_access') + removeData('user_uid') } return { diff --git a/src/stores/user.ts b/src/stores/user.ts index 9dddcc2..b92e33f 100755 --- a/src/stores/user.ts +++ b/src/stores/user.ts @@ -1,11 +1,16 @@ -import { computed } from 'vue'; -import { defineStore } from 'pinia'; +import { computed } from 'vue' +import { defineStore } from 'pinia' +import { readData } from '@/utils/storage' export const useUserStore = defineStore('user', () => { - const user_name = computed(() => localStorage.getItem('user_name') || 'Demo User') - const user_access = computed(() => localStorage.getItem('user_access') || 'Super Admin') - const user_uid = computed(() => localStorage.getItem('user_uid') || 'Jakarta Raya') - const user_image = computed(() => localStorage.getItem('user_image') || 'https://iidamidamerica.org/wp-content/uploads/2020/12/male-placeholder-image.jpeg') + const user_name = computed(() => readData('user_name') || 'Demo User') + const user_access = computed(() => readData('user_access') || 'Super Admin') + const user_uid = computed(() => readData('user_uid') || 'Jakarta Raya') + const user_image = computed( + () => + readData('user_image') || + 'https://iidamidamerica.org/wp-content/uploads/2020/12/male-placeholder-image.jpeg' + ) - return { user_name, user_access, user_image, user_uid } -}) \ No newline at end of file + return { user_name, user_access, user_image, user_uid } +})