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

@@ -11,6 +11,7 @@ import { useClientsStore } from '@/utils/useClients';
import ClientTable from '@/Components/Common/Client/ClientTable.vue';
import ClientCreateModal from '@/Components/Common/Client/ClientCreateModal.vue';
import PageTitle from '@/Components/Common/PageTitle.vue';
import { canCreateClients } from '@/utils/permissions';
onMounted(() => {
useClientsStore().fetchClients();
@@ -31,7 +32,10 @@ const createClient = ref(false);
<TabBarItem>Archived</TabBarItem>
</TabBar>
</div>
<SecondaryButton :icon="PlusIcon" @click="createClient = true"
<SecondaryButton
v-if="canCreateClients()"
:icon="PlusIcon"
@click="createClient = true"
>Create Client</SecondaryButton
>
<ClientCreateModal v-model:show="createClient"></ClientCreateModal>