hide actions and pages in the frontend according to permissions

This commit is contained in:
Gregor Vostrak
2024-04-25 04:12:10 +02:00
parent 77cedb160e
commit f22d423fff
21 changed files with 176 additions and 18 deletions

View File

@@ -19,6 +19,7 @@ import Card from '@/Components/Common/Card.vue';
import ProjectMemberTable from '@/Components/Common/ProjectMember/ProjectMemberTable.vue';
import ProjectMemberCreateModal from '@/Components/Common/ProjectMember/ProjectMemberCreateModal.vue';
import { useProjectMembersStore } from '@/utils/useProjectMembers';
import { canCreateTasks, canViewProjectMembers } from '@/utils/permissions';
const { projects } = storeToRefs(useProjectsStore());
@@ -83,6 +84,7 @@ onMounted(() => {
<CardTitle title="Tasks" :icon="CheckCircleIcon">
<template #actions>
<SecondaryButton
v-if="canCreateTasks()"
:icon="PlusIcon"
@click="createTask = true"
>Create Task
@@ -96,7 +98,7 @@ onMounted(() => {
<TaskTable :project-id="projectId"></TaskTable>
</Card>
</div>
<div>
<div v-if="canViewProjectMembers()">
<CardTitle title="Project Members" :icon="UserGroupIcon">
<template #actions>
<SecondaryButton