62958239ac
- seed_checklists.py: 8 шаблонов (~120 пунктов) — ФАП-148, ФАП-145, ФАП-147, ICAO Annex 8, ICAO Annex 19 SMS, EASA Part-M, EASA Part-CAMO, FAA Part 43/91 - checklists.py: PATCH template, PATCH/POST/DELETE items - ChecklistEditModal.tsx: модальное окно с inline-edit пунктов - api-client.ts: updateTemplate, addItem, updateItem, deleteItem - FilterBar: фильтры по стандартам (ФАП/ИКАО/EASA/FAA) - Автозагрузка шаблонов при первом запуске (lifespan + demo seed) Co-authored-by: Cursor <cursoragent@cursor.com>
74 lines
3.9 KiB
TypeScript
74 lines
3.9 KiB
TypeScript
'use client';
|
||
import ChecklistCardModal from '@/components/ChecklistCardModal';
|
||
import ChecklistEditModal from '@/components/ChecklistEditModal';
|
||
import { useState } from 'react';
|
||
import ChecklistCreateModal from '@/components/ChecklistCreateModal';
|
||
import { PageLayout, FilterBar, EmptyState } from '@/components/ui';
|
||
import { useChecklistsData } from '@/hooks/useSWRData';
|
||
import { checklistsApi } from '@/lib/api/api-client';
|
||
import { RequireRole } from '@/lib/auth-context';
|
||
|
||
export default function ChecklistsPage() {
|
||
const [domain, setDomain] = useState<string | undefined>();
|
||
const { data, isLoading, mutate } = useChecklistsData({ domain });
|
||
const templates = data?.items || [];
|
||
const [exp, setExp] = useState<string | null>(null);
|
||
const [editTemplate, setEditTemplate] = useState<any | null>(null);
|
||
|
||
const gen = async (src: string) => { const n = prompt('Название:'); if (!n) return; await checklistsApi.generate(src, n); mutate(); };
|
||
|
||
return (
|
||
<PageLayout title="Чек-листы" subtitle={isLoading ? 'Загрузка...' : `Шаблонов: ${data?.total || 0}`}
|
||
actions={<RequireRole roles={['admin', 'authority_inspector']}>
|
||
<button onClick={() => gen('fap_m_inspection')} className="btn-primary">+ ФАП-М</button>
|
||
<button onClick={() => gen('custom')} className="btn-primary bg-blue-500 hover:bg-blue-600">+ Пользовательский</button>
|
||
</RequireRole>}>
|
||
<FilterBar value={domain} onChange={setDomain} className="mb-4"
|
||
options={[
|
||
{ value: undefined, label: 'Все' },
|
||
{ value: 'ФАП-148', label: '🇷🇺 ФАП-148' },
|
||
{ value: 'ФАП-145', label: '🇷🇺 ФАП-145' },
|
||
{ value: 'ФАП-147', label: '🇷🇺 ФАП-147' },
|
||
{ value: 'ICAO', label: '🌐 ИКАО' },
|
||
{ value: 'EASA', label: '🇪🇺 EASA' },
|
||
{ value: 'FAA', label: '🇺🇸 FAA' },
|
||
{ value: 'CSV', label: '📄 CSV' },
|
||
]} />
|
||
{!isLoading && templates.length > 0 ? (
|
||
<div className="flex flex-col gap-3">
|
||
{templates.map((t: any) => (
|
||
<div key={t.id} className="card">
|
||
<div className="p-5 flex justify-between items-center cursor-pointer" onClick={() => setExp(exp === t.id ? null : t.id)}>
|
||
<div><div className="font-bold">{t.name}</div><div className="text-xs text-gray-500">{t.domain || '—'} · v{t.version || 1} · {t.items?.length || 0} пунктов</div></div>
|
||
<div className="flex items-center gap-2" onClick={(e) => e.stopPropagation()}>
|
||
<RequireRole roles={['admin', 'authority_inspector']}>
|
||
<button type="button" onClick={() => setEditTemplate(t)} className="rounded px-2 py-1 text-sm hover:bg-gray-100" title="Редактировать">✏️ Редактировать</button>
|
||
</RequireRole>
|
||
<span className="text-lg">{exp === t.id ? '▼' : '▶'}</span>
|
||
</div>
|
||
</div>
|
||
{exp === t.id && t.items?.length > 0 && (
|
||
<div className="border-t border-gray-100 px-5 pb-4">
|
||
{t.items.map((it: any, i: number) => (
|
||
<div key={it.id || i} className="py-2 border-b border-gray-50 flex gap-3">
|
||
<span className="text-xs font-bold text-primary-500 min-w-[80px]">{it.code}</span>
|
||
<span className="text-sm">{it.text}</span>
|
||
</div>
|
||
))}
|
||
</div>
|
||
)}
|
||
</div>
|
||
))}
|
||
</div>
|
||
) : !isLoading ? <EmptyState message="Нет шаблонов. Создайте через кнопку выше." /> : null}
|
||
{editTemplate && (
|
||
<ChecklistEditModal
|
||
template={editTemplate}
|
||
onClose={() => setEditTemplate(null)}
|
||
onSaved={() => mutate()}
|
||
/>
|
||
)}
|
||
</PageLayout>
|
||
);
|
||
}
|