Files
memberApp/src/vueLib/tables/roles/RoleTable.ts
2026-02-23 21:23:14 +01:00

98 lines
2.3 KiB
TypeScript

import { appApi } from 'src/boot/axios';
import { ref, computed } from 'vue';
import { useNotify } from 'src/vueLib/general/useNotify';
import { i18n } from 'boot/lang';
import type { Roles } from 'src/vueLib/models/roles';
import { useUserStore } from 'src/vueLib/login/userStore';
import { useLogin } from 'src/vueLib/login/useLogin';
import { Me } from 'src/vueLib/components/DatabaseCall';
export const roles = ref<Roles>([]);
export function useRoleTable() {
const pagination = ref({
sortBy: 'role',
descending: false,
page: 1,
rowsPerPage: 10,
});
const columns = computed(() => [
{
name: 'role',
align: 'left' as const,
label: i18n.global.t('role'),
field: 'role',
sortable: true,
},
{
name: 'permissions',
align: 'left' as const,
label: i18n.global.t('permissions'),
field: '',
style: 'width: 120px; max-width: 120px;',
},
{ name: 'option', align: 'center' as const, label: '', field: 'option', icon: 'option' },
]);
const { NotifyResponse } = useNotify();
const loading = ref(false);
const userStore = useUserStore();
const login = useLogin();
//updates user list from database
async function updateRoles() {
loading.value = true;
await appApi
.get('roles?id=0')
.then((resp) => {
if (resp.data === null) {
roles.value = [];
return;
}
roles.value = resp.data as Roles;
if (roles.value === null) {
roles.value = [];
return;
}
})
.catch((err) => {
NotifyResponse(err, 'error');
})
.finally(() => {
loading.value = false;
});
const resp = await Me().catch(() => {
login.logout().catch((err) => {
NotifyResponse(err, 'error');
return;
});
});
if (!resp) return;
await userStore
.setUser({
id: resp.data.id,
user: resp.data.user,
role: { role: resp.data.role, permissions: [] },
workspaceId: resp.data.workspaceId,
settings: resp.data.settings,
})
.catch((err) => NotifyResponse(err, 'error'));
login.refresh().catch((err) => NotifyResponse(err, 'error'));
}
return {
roles,
pagination,
columns,
loading,
updateRoles,
};
}