add tabs to query

This commit is contained in:
Tim Gröger 2023-05-12 23:55:41 +02:00
parent 25be3947a6
commit 775da10b3b
1 changed files with 18 additions and 0 deletions

View File

@ -45,6 +45,8 @@
<script lang="ts">
import { Screen } from 'quasar';
import { useRoute, useRouter } from 'vue-router';
import { onBeforeMount, watch } from 'vue';
import { PERMISSIONS } from '../permissions';
import NewUser from '../components/NewUser.vue';
import { hasPermission } from '@flaschengeist/api';
@ -57,6 +59,8 @@ export default defineComponent({
components: { RoleSettings, UpdateUser, NewUser },
setup() {
const canEditRoles = computed(() => hasPermission(PERMISSIONS.ROLES_EDIT));
const route = useRoute();
const router = useRouter();
interface Tab {
name: string;
@ -74,6 +78,16 @@ export default defineComponent({
{ name: 'roles', label: 'Rollen', permissions: [PERMISSIONS.ROLES_EDIT] },
];
onBeforeMount(async () => {
if (
route.query.keys?.length === 0 ||
!tabs.some((value) => value.name == route.query.q_tab)
) {
await router.replace({ query: { q_tab: 'user' } });
}
tab.value = route.query.q_tab as string;
});
const _tabs = computed(() =>
tabs.filter((tab) => {
return tab.permissions.every((permission) => hasPermission(permission));
@ -93,6 +107,10 @@ export default defineComponent({
const tab = ref<string>('user');
watch(tab, async (val) => {
await router.replace({ query: { q_tab: val } });
});
return {
canEditRoles,
showDrawer,