brusoff/econom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (8.3) (push) Has been cancelled
Details
tests / ci (8.4) (push) Has been cancelled
Details
tests / ci (8.5) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
brusnitsyn
2026-04-06 00:06:00 +09:00
commit fb2e6c58e3
409 changed files with 42953 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
resources/js/pages/teams/Index.vue Normal file
View File

@@ -0,0 +1,125 @@
<script setup lang="ts">
import { Head, Link } from '@inertiajs/vue3';
import { Eye, Pencil, Plus } from 'lucide-vue-next';
import CreateTeamModal from '@/components/CreateTeamModal.vue';
import Heading from '@/components/Heading.vue';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@/components/ui/tooltip';
import { edit, index } from '@/routes/teams';
import type { Team } from '@/types';
type Props = {
teams: Team[];
};
defineProps<Props>();
defineOptions({
layout: {
breadcrumbs: [
{
title: 'Teams',
href: index(),
},
],
},
});
</script>
<template>
<Head title="Teams" />
<h1 class="sr-only">Teams</h1>
<div class="flex flex-col space-y-6">
<div class="flex items-center justify-between">
<Heading
variant="small"
title="Teams"
description="Manage your teams and team memberships"
/>
<CreateTeamModal>
<Button data-test="teams-new-team-button">
<Plus /> New team
</Button>
</CreateTeamModal>
</div>
<div class="space-y-3">
<div
v-for="team in teams"
:key="team.id"
data-test="team-row"
class="flex items-center justify-between rounded-lg border p-4"
>
<div class="flex items-center gap-4">
<div>
<div class="flex items-center gap-2">
<span class="font-medium">{{ team.name }}</span>
<Badge v-if="team.isPersonal" variant="secondary">
Personal
</Badge>
</div>
<span class="text-sm text-muted-foreground">
{{ team.roleLabel }}
</span>
</div>
</div>
<TooltipProvider>
<div class="flex items-center gap-2">
<Tooltip v-if="team.role === 'member'">
<TooltipTrigger as-child>
<Button
data-test="team-view-button"
variant="ghost"
size="sm"
as-child
>
<Link :href="edit(team.slug)">
<Eye class="h-4 w-4" />
</Link>
</Button>
</TooltipTrigger>
<TooltipContent>
<p>View team</p>
</TooltipContent>
</Tooltip>
<Tooltip v-else>
<TooltipTrigger as-child>
<Button
data-test="team-edit-button"
variant="ghost"
size="sm"
as-child
>
<Link :href="edit(team.slug)">
<Pencil class="h-4 w-4" />
</Link>
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Edit team</p>
</TooltipContent>
</Tooltip>
</div>
</TooltipProvider>
</div>
<p
v-if="teams.length === 0"
class="py-8 text-center text-muted-foreground"
>
You don't belong to any teams yet.
</p>
</div>
</div>
</template>