31d8ad1325
- CalendarRepository (event CRUD, range query, soft-delete, project isolation) + MilestoneRepository (CRUD, findToDosByMilestone) + ScheduleService (aggregated getCalendarEvents = custom events+milestones+todos in range, milestone CRUD, milestone_updated activity, progress auto-calc 0-100) - APIs: calendar events GET/POST/PATCH/DELETE, milestones GET/POST/PATCH + progress - Screens: calendar list view + CalendarEventForm, milestones list with progress bars + MilestoneForm, ProjectNav links - Unit tests (CalendarRepository, MilestoneRepository, ScheduleService incl. progress calc 0/33/100) + e2e calendar
73 lines
1.9 KiB
TypeScript
73 lines
1.9 KiB
TypeScript
const NAV_ITEMS = [
|
|
{ href: '', label: '概要' },
|
|
{ href: '/board', label: '掲示板' },
|
|
{ href: '/notes', label: 'メモ' },
|
|
{ href: '/chat', label: 'チャット' },
|
|
{ href: '/todos', label: 'ToDo' },
|
|
{ href: '/files', label: 'ファイル' },
|
|
{ href: '/calendar', label: 'カレンダー' },
|
|
{ href: '/milestones', label: 'マイルストーン' },
|
|
{ href: '/members', label: 'メンバー' },
|
|
{ href: '/activity', label: 'アクティビティ' },
|
|
{ href: '/settings', label: '設定' },
|
|
] as const;
|
|
|
|
/**
|
|
* プロジェクト内サブナビゲーション。
|
|
* href は `/projects/{projectId}` を起点とする相対パス。
|
|
*/
|
|
export function ProjectNav({
|
|
projectId,
|
|
active,
|
|
}: {
|
|
projectId: number;
|
|
active:
|
|
| 'overview'
|
|
| 'board'
|
|
| 'notes'
|
|
| 'chat'
|
|
| 'todos'
|
|
| 'files'
|
|
| 'calendar'
|
|
| 'milestones'
|
|
| 'members'
|
|
| 'activity'
|
|
| 'settings';
|
|
}) {
|
|
const activeMap: Record<string, boolean> = {
|
|
overview: active === 'overview',
|
|
board: active === 'board',
|
|
notes: active === 'notes',
|
|
chat: active === 'chat',
|
|
todos: active === 'todos',
|
|
files: active === 'files',
|
|
calendar: active === 'calendar',
|
|
milestones: active === 'milestones',
|
|
members: active === 'members',
|
|
activity: active === 'activity',
|
|
settings: active === 'settings',
|
|
};
|
|
|
|
return (
|
|
<nav className="flex gap-4 border-b bg-white px-6 py-2 text-sm">
|
|
{NAV_ITEMS.map((item) => {
|
|
const key = item.href === '' ? 'overview' : item.href.slice(1);
|
|
const href = `/projects/${projectId}${item.href}`;
|
|
return (
|
|
<a
|
|
key={item.href}
|
|
href={href}
|
|
className={
|
|
activeMap[key]
|
|
? 'font-medium text-blue-600'
|
|
: 'text-gray-600 hover:underline'
|
|
}
|
|
>
|
|
{item.label}
|
|
</a>
|
|
);
|
|
})}
|
|
</nav>
|
|
);
|
|
}
|