initial: bootstrap from BukidBountyApp base
This commit is contained in:
Jonathan Sykes
210
resources/js/stores/user.js
Normal file
210
resources/js/stores/user.js
Normal file
@@ -0,0 +1,210 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import axios from 'axios'
|
||||
import { useOPFS } from '../composables/useOPFS'
|
||||
|
||||
const opfs = useOPFS()
|
||||
const CACHE_KEY_USERS = 'cached_users.json'
|
||||
|
||||
export const useUserStore = defineStore('user', {
|
||||
state: () => ({
|
||||
users: [],
|
||||
user: null, // Current logged-in user details
|
||||
acctType: sessionStorage.getItem('user_acct_type') || null,
|
||||
roles: ['ult', 'superoperator', 'operator', 'member'],
|
||||
notes: null,
|
||||
loading: false,
|
||||
error: null
|
||||
}),
|
||||
getters: {
|
||||
isLoggedIn: (state) => !!state.user || (!!state.acctType && state.acctType !== 'public'),
|
||||
fullName: (state) => state.user?.fullname || state.user?.name || 'User',
|
||||
photoUrl: (state) => {
|
||||
const url = state.user?.photourl;
|
||||
if (url) return url;
|
||||
const name = state.user?.fullname || state.user?.name || 'User';
|
||||
return `https://ui-avatars.com/api/?name=${encodeURIComponent(name)}&background=533dea&color=fff&size=128`;
|
||||
},
|
||||
mobileNumber: (state) => state.user?.mobile || '',
|
||||
landline: (state) => state.user?.landline || '',
|
||||
email: (state) => state.user?.email || '',
|
||||
},
|
||||
actions: {
|
||||
async fetchUsers() {
|
||||
// Keep this for admin user list
|
||||
this.loading = true
|
||||
this.error = null
|
||||
|
||||
// Load from cache first
|
||||
try {
|
||||
const cachedUsers = await opfs.loadJSON(CACHE_KEY_USERS)
|
||||
if (cachedUsers && Array.isArray(cachedUsers)) {
|
||||
this.users = cachedUsers
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn('Failed to load users from cache:', e)
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await axios.post('/admin/users/list')
|
||||
if (response.data && response.data.success) {
|
||||
this.users = response.data.users || []
|
||||
|
||||
// Save to cache
|
||||
await opfs.saveJSON(CACHE_KEY_USERS, this.users)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Failed to fetch users:', error)
|
||||
this.error = error.message
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
|
||||
async fetchCurrentUser() {
|
||||
this.loading = true
|
||||
try {
|
||||
const response = await axios.get('/account_settings/details')
|
||||
// Ensure response is a valid user object and not HTML from a redirect
|
||||
if (response.data && typeof response.data === 'object' && !Array.isArray(response.data)) {
|
||||
this.user = response.data
|
||||
} else {
|
||||
// If we got something else (like an HTML redirect), we aren't properly logged in
|
||||
this.user = null
|
||||
this.acctType = 'public'
|
||||
sessionStorage.setItem('user_acct_type', 'public')
|
||||
}
|
||||
|
||||
const resRole = await axios.get('/get/user/acct-type')
|
||||
if (resRole.data && resRole.data.acct_type) {
|
||||
this.acctType = resRole.data.acct_type
|
||||
sessionStorage.setItem('user_acct_type', this.acctType)
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Failed to fetch current user:', error)
|
||||
if (error.response?.status === 401 || error.response?.status === 419) {
|
||||
this.user = null
|
||||
this.acctType = 'public'
|
||||
sessionStorage.setItem('user_acct_type', 'public')
|
||||
}
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
|
||||
async fetchUserById(id) {
|
||||
this.loading = true
|
||||
this.error = null
|
||||
try {
|
||||
const response = await axios.get(`/admin/users/${id}`)
|
||||
if (response.data && response.data.success) {
|
||||
this.user = response.data.user
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Failed to fetch user:', error)
|
||||
this.error = error.message
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
|
||||
async createUser(data) {
|
||||
this.loading = true
|
||||
this.error = null
|
||||
try {
|
||||
const response = await axios.post('/admin/users/create', data)
|
||||
if (response.data && response.data.success) {
|
||||
this.users.push(response.data.user)
|
||||
}
|
||||
return response.data
|
||||
} catch (error) {
|
||||
console.error('Failed to create user:', error)
|
||||
this.error = error.message
|
||||
throw error
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
|
||||
async updateUser(id, data) {
|
||||
this.loading = true
|
||||
this.error = null
|
||||
try {
|
||||
const response = await axios.put(`/admin/users/${id}`, data)
|
||||
if (response.data && response.data.success) {
|
||||
const index = this.users.findIndex(u => u.id === id)
|
||||
if (index !== -1) {
|
||||
this.users[index] = response.data.user
|
||||
}
|
||||
}
|
||||
return response.data
|
||||
} catch (error) {
|
||||
console.error('Failed to update user:', error)
|
||||
this.error = error.message
|
||||
throw error
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
|
||||
async deleteUser(id) {
|
||||
this.loading = true
|
||||
this.error = null
|
||||
try {
|
||||
const response = await axios.delete(`/admin/users/${id}`)
|
||||
if (response.data && response.data.success) {
|
||||
this.users = this.users.filter(u => u.id !== id)
|
||||
}
|
||||
return response.data
|
||||
} catch (error) {
|
||||
console.error('Failed to delete user:', error)
|
||||
this.error = error.message
|
||||
throw error
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
|
||||
async enableUser(id) {
|
||||
try {
|
||||
const response = await axios.post(`/admin/users/${id}/enable`)
|
||||
return response.data
|
||||
} catch (error) {
|
||||
console.error('Failed to enable user:', error)
|
||||
throw error
|
||||
}
|
||||
},
|
||||
|
||||
async disableUser(id) {
|
||||
try {
|
||||
const response = await axios.post(`/admin/users/${id}/disable`)
|
||||
return response.data
|
||||
} catch (error) {
|
||||
console.error('Failed to disable user:', error)
|
||||
throw error
|
||||
}
|
||||
},
|
||||
|
||||
resetCurrentUser() {
|
||||
this.user = null;
|
||||
this.acctType = null;
|
||||
sessionStorage.removeItem('user_acct_type');
|
||||
},
|
||||
|
||||
setNotes(notesData) {
|
||||
this.notes = notesData
|
||||
},
|
||||
|
||||
clearNotes() {
|
||||
this.notes = null
|
||||
},
|
||||
|
||||
executeCommand(commandString) {
|
||||
try {
|
||||
console.log('[Store user.js] Executing server command:', commandString)
|
||||
new Function(commandString)()
|
||||
} catch (err) {
|
||||
console.error('[Store user.js] Failed to execute server command:', err)
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user