Saad Ibn-Ezzoubayr
c89d1879bf
- Story 1.1: Permission enum, config, AuthorizesPermissions & HasWorkspaceScope traits, member→worker migration - Story 1.2: Team page with member list, invitation system with queued email - Story 1.3: Role assignment (Manager/Worker) and member removal with activity logging - Story 1.4: Owner-only permission toggle matrix for Managers (manage team, view logs, configure portal) - Story 1.5: Role-based access enforcement — Workers see only assigned declarations/clients, sidebar scoping - Story 1.6: Workspace switcher dropdown for multi-workspace users with session-based switching - 83 new/modified files, 182 tests passing with zero regressions Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
77 lines
2.3 KiB
Vue
77 lines
2.3 KiB
Vue
<script setup lang="ts">
|
|
import { Link } from '@inertiajs/vue3';
|
|
import Heading from '@/components/Heading.vue';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Separator } from '@/components/ui/separator';
|
|
import { useCurrentUrl } from '@/composables/useCurrentUrl';
|
|
import { toUrl } from '@/lib/utils';
|
|
import { edit as editAppearance } from '@/routes/appearance';
|
|
import { edit as editProfile } from '@/routes/profile';
|
|
import { show } from '@/routes/two-factor';
|
|
import { edit as editPassword } from '@/routes/user-password';
|
|
import type { NavItem } from '@/types';
|
|
|
|
const sidebarNavItems: NavItem[] = [
|
|
{
|
|
title: 'Profile',
|
|
href: editProfile(),
|
|
},
|
|
{
|
|
title: 'Password',
|
|
href: editPassword(),
|
|
},
|
|
{
|
|
title: 'Two-Factor Auth',
|
|
href: show(),
|
|
},
|
|
{
|
|
title: 'Appearance',
|
|
href: editAppearance(),
|
|
},
|
|
];
|
|
|
|
const { isCurrentUrl } = useCurrentUrl();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="px-4 py-6">
|
|
<Heading
|
|
title="Settings"
|
|
description="Manage your profile and account settings"
|
|
/>
|
|
|
|
<div class="flex flex-col lg:flex-row lg:space-x-12">
|
|
<aside class="w-full max-w-xl lg:w-48">
|
|
<nav
|
|
class="flex flex-col space-y-1 space-x-0"
|
|
aria-label="Settings"
|
|
>
|
|
<Button
|
|
v-for="item in sidebarNavItems"
|
|
:key="toUrl(item.href)"
|
|
variant="ghost"
|
|
:class="[
|
|
'w-full justify-start',
|
|
{ 'bg-muted': isCurrentUrl(item.href) },
|
|
]"
|
|
as-child
|
|
>
|
|
<Link :href="item.href">
|
|
<component :is="item.icon" class="h-4 w-4" />
|
|
{{ item.title }}
|
|
</Link>
|
|
</Button>
|
|
</nav>
|
|
</aside>
|
|
|
|
<Separator class="my-6 lg:hidden" />
|
|
|
|
<div class="flex-1 md:max-w-2xl">
|
|
<section class="max-w-xl space-y-12">
|
|
<slot />
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|