defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: auth request

Browse Source
This commit is contained in:
kur0nek-o 2024-05-06 20:30:24 +07:00
parent 91ce87d06f
commit b00003fb00
3 changed files with 94 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Navigation/Header.vue
View File

@ -111,7 +111,7 @@ const showDialogLogout = () => {
{{ user.user_access }}
</p>
<p class="text-xs font-normal border-t border-white text-primary-50">
• UID {{ user.user_uid }}
• {{ user.user_uid }}
</p>
</div>
</div>

150
src/stores/auth.ts
View File

@ -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 {

21
src/stores/user.ts
View File

@ -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 }
})
return { user_name, user_access, user_image, user_uid }
})