aa052763f6
- .env.example: полный шаблон, защита секретов - .gitignore: явное исключение .env.* и секретов - layout.tsx: XSS — заменён dangerouslySetInnerHTML на next/script для SW - ESLint: no-console error (allow warn/error), ignore scripts/ - scripts/remove-console-logs.js: очистка console.log без glob - backend/routes/modules: README с планом рефакторинга крупных файлов - SECURITY.md: гид по секретам, XSS, CORS, auth, линту - .husky/pre-commit: запуск npm run lint + прочие правки приложения и бэкенда Co-authored-by: Cursor <cursoragent@cursor.com>
51 lines
2.8 KiB
TypeScript
51 lines
2.8 KiB
TypeScript
'use client';
|
||
import ChecklistCardModal from '@/components/ChecklistCardModal';
|
||
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 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: 'ФАП-М', label: 'ФАП-М' }, { value: 'ATA', label: 'ATA' }, { 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>
|
||
<span className="text-lg">{exp === t.id ? '▼' : '▶'}</span>
|
||
</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}
|
||
</PageLayout>
|
||
);
|
||
}
|