- 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>
53 lines
1.4 KiB
Vue
53 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import { Head, useForm } from '@inertiajs/vue3';
|
|
import Heading from '@/components/Heading.vue';
|
|
import WorkspaceForm from '@/components/WorkspaceForm.vue';
|
|
import type { WorkspaceFormData } from '@/components/WorkspaceForm.vue';
|
|
import AppLayout from '@/layouts/AppLayout.vue';
|
|
|
|
type Props = {
|
|
indexUrl: string;
|
|
storeUrl: string;
|
|
users: Array<{ id: number; name: string; email: string }>;
|
|
workspaceUserRoles: Record<string, string>;
|
|
};
|
|
|
|
const props = defineProps<Props>();
|
|
|
|
const form = useForm<WorkspaceFormData>({
|
|
name: '',
|
|
slug: '',
|
|
user_ids: [],
|
|
user_roles: {},
|
|
});
|
|
|
|
function submit() {
|
|
form.post(props.storeUrl);
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<AppLayout
|
|
:breadcrumbs="[
|
|
{ title: 'Workspaces', href: props.indexUrl },
|
|
{ title: 'Create workspace' },
|
|
]"
|
|
>
|
|
<Head title="Create workspace" />
|
|
|
|
<div class="flex flex-col space-y-6 p-4">
|
|
<Heading
|
|
title="Create workspace"
|
|
description="Add a new accounting firm workspace (cabinet comptable)"
|
|
/>
|
|
<WorkspaceForm
|
|
:form="form"
|
|
:users="props.users ?? []"
|
|
:workspace-user-roles="props.workspaceUserRoles ?? {}"
|
|
submit-label="Create workspace"
|
|
@submit="submit"
|
|
/>
|
|
</div>
|
|
</AppLayout>
|
|
</template>
|